ES8 中的 Object.values() 和 Object.entries() 方法大全解析

在 JavaScript 中,对象是一种非常常见的数据类型,它可以存储键值对,也可以存储函数、数组、甚至是其他对象。在 ES8 中,新增了 Object.values() 和 Object.entries() 两个方法,它们可以帮助我们更方便地操作对象。本文将对这两个方法进行详细介绍,并提供示例代码。

Object.values() 方法

Object.values() 方法可以返回一个对象所有可枚举属性的值(不包括原型链上的属性)。返回的值是一个数组,数组中的元素顺序与对象属性的定义顺序一致。

语法

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

参数

  • obj:要返回值的对象。

返回值

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

示例

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

Object.entries() 方法

Object.entries() 方法可以返回一个对象所有可枚举属性的键值对(不包括原型链上的属性)。返回的值是一个数组,数组中的元素是键值对数组,其中第一个元素是属性名,第二个元素是属性值。数组中元素的顺序与对象属性的定义顺序一致。

语法

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

参数

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

返回值

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

示例

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

使用 Object.values() 和 Object.entries() 方法

1. 遍历对象属性值

使用 Object.values() 方法可以方便地遍历对象的属性值。

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

2. 遍历对象键值对

使用 Object.entries() 方法可以方便地遍历对象的键值对。

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

3. 将对象转换为 Map

使用 Object.entries() 方法可以方便地将对象转换为 Map。

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

4. 将 Map 转换为对象

使用 Object.fromEntries() 方法可以方便地将 Map 转换为对象,该方法是 ES10 中新增的。

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

总结

Object.values() 和 Object.entries() 方法是 ES8 中新增的两个操作对象的方法,它们可以方便地遍历对象属性值和键值对,也可以将对象转换为 Map,或将 Map 转换为对象。在实际开发中,我们可以根据需要灵活使用这两个方法,提高代码的可读性和开发效率。

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