ES2017: 使用 Object.entries 和 Object.values API 更轻松地管理 JavaScript 对象

阅读时长 3 分钟读完

在 JavaScript 中,对象是非常常见的数据结构,它们可以用来表示各种不同的数据。然而,在处理对象时,我们经常需要获取它们的属性或者对它们进行迭代。在 ES2017 中,引入了两个新的 API:Object.entries 和 Object.values,它们可以更轻松地管理 JavaScript 对象。

Object.entries API

Object.entries API 可以将一个对象转换为一个键值对数组,其中每个键值对都是一个数组,第一个元素是属性名,第二个元素是属性值。这个 API 可以非常方便地用来遍历对象的属性。

下面是一个示例代码,展示了如何使用 Object.entries 来遍历一个对象的属性:

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

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

在上面的代码中,我们首先定义了一个 person 对象,它有三个属性:name、age 和 gender。然后,我们使用 Object.entries 来将 person 对象转换为一个键值对数组。在 for 循环中,我们使用解构语法来将每个键值对中的键和值分别赋值给 key 和 value 变量。最后,我们使用 console.log 函数来输出每个属性的名字和值。

Object.values API

Object.values API 可以将一个对象的属性值转换为一个数组,这个数组包含了对象的所有属性值。这个 API 可以非常方便地用来获取对象的所有属性值。

下面是一个示例代码,展示了如何使用 Object.values 来获取一个对象的所有属性值:

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

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

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

在上面的代码中,我们首先定义了一个 person 对象,它有三个属性:name、age 和 gender。然后,我们使用 Object.values 来获取 person 对象的所有属性值,并将它们赋值给 values 变量。最后,我们使用 console.log 函数来输出 values 数组。

总结

在 ES2017 中,Object.entries 和 Object.values API 可以更轻松地管理 JavaScript 对象。Object.entries 可以将一个对象转换为一个键值对数组,Object.values 可以将一个对象的属性值转换为一个数组。这些 API 可以帮助我们更轻松地遍历对象的属性或获取对象的所有属性值。如果你在处理 JavaScript 对象时遇到了困难,不妨尝试使用这些 API。

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

纠错
反馈