解读 ECMAScript 2017 (ES8) 中 Object.values() 和 Object.entries() 方法

在 ECMAScript 2017 (ES8) 中,Object 对象新增了两个方法:Object.values() 和 Object.entries()。这两个方法的作用是用于遍历对象的属性值和属性键值对,本文将详细介绍它们的使用方法和指导意义。

Object.values()

Object.values() 方法返回一个给定对象的所有可枚举属性值的数组。返回的数组中属性值的顺序与使用 for...in 循环遍历对象时返回的顺序一致。如果对象中不存在可枚举属性,则返回空数组。

语法

------------------

参数

  • obj:要返回属性值的对象。

返回值

一个包含对象所有可枚举属性值的数组。

示例

----- --- - -
  -- --
  -- --
  -- -
--

----- ------ - -------------------

-------------------- -- --- -- --

Object.entries()

Object.entries() 方法返回一个给定对象自身可枚举属性的键值对数组。返回的数组中每个元素都是一个数组,第一个元素是属性键,第二个元素是属性值。返回的数组中属性键值对的顺序与使用 for...in 循环遍历对象时返回的顺序一致。如果对象中不存在可枚举属性,则返回空数组。

语法

-------------------

参数

  • obj:要返回键值对的对象。

返回值

一个包含对象自身可枚举属性的键值对数组。

示例

----- --- - -
  -- --
  -- --
  -- -
--

----- ------- - --------------------

--------------------- -- ------ --- ----- --- ----- ---

指导意义

Object.values() 和 Object.entries() 方法提供了一种更简单、更直接的方式来遍历对象的属性值和属性键值对。在开发过程中,我们经常需要遍历对象来获取它的属性值或属性键值对,使用这两个方法可以更加方便地实现这个功能。

同时,这两个方法也提供了一种更加灵活的方式来操作对象的属性值和属性键值对。我们可以使用数组的一些方法,比如 map()、reduce()、filter() 等,来对返回的数组进行进一步的处理,从而实现更加复杂的功能。

总结

Object.values() 和 Object.entries() 是 ECMAScript 2017 (ES8) 中新增的两个方法,用于遍历对象的属性值和属性键值对。它们提供了一种更加简单、直接和灵活的方式来操作对象,同时也可以方便地实现一些复杂的功能。在开发过程中,我们可以根据具体的需求选择使用它们。

来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/65f503152b3ccec22fd2fa6c