在 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