ECMAScript 2017 中的 Object.values 和 Object.entries:如何使用

ECMAScript 2017 中引入了 Object.values 和 Object.entries 这两个方法。它们可以让我们在对象处理时更加方便快捷,从而简化了前端开发的过程。本文将详细介绍这两个方法的使用方法,并通过示例代码进行说明。

Object.values: 获取对象的值

Object.values 方法返回一个给定对象的所有属性值的数组。该数组的顺序是对象自身可枚举属性的值的顺序。支持所有 object 类型,包括数组等对象。

用法

------------------
  • obj: 要获取值的对象。

示例

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

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

Object.entries: 获取对象的键值对

Object.entries 方法返回一个给定对象自身可枚举属性的键值对数组。数组中每个元素都是一个二元数组 [key, value],其中 key 是属性名,value 是属性对应的值。支持所有 object 类型,包括数组等对象。

用法

-------------------
  • obj: 要获取键值对的对象。

示例

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

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

结论

使用 Object.values 和 Object.entries 可以让我们在处理对象时更加方便,从而简化了前端开发的过程。使用 Object.values 可以快速获取对象的所有属性值,使用 Object.entries 可以快速获取对象的所有键值对。通过这两个方法的使用,我们可以更加高效地完成前端开发任务。

希望这篇文章能对大家理解 Object.values 和 Object.entries 的使用有所帮助。

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