在 ECMAScript 2016 中，JavaScript 新增了两个非常有用的方法：Object.entries() 和 Object.values()。这两个方法可以帮助开发人员更方便地进行对象操作，提高代码的可读性和效率。
Object.entries()
Object.entries() 方法返回一个给定对象自身可枚举属性的键值对数组，其排列顺序和使用 for...in 循环遍历该对象时返回的顺序一致。每个键值对形如 [key, value] 表示对象中一个属性的键和对应的值。
例如，我们有以下对象：
----- --- - - -- -- -- -- -- - --
我们可以使用 Object.entries() 方法将其转换为一个数组：
----- ------- - -------------------- -- -- ---- - -- - ---- - -- - ---- - --
这个数组中包含了我们对象的所有属性的键值对。我们可以遍历这个数组进行进一步操作。
示例代码
以下代码演示了如何使用 Object.entries() 方法获取对象属性的键值对数组：
----- --- - - -- -- -- -- -- - --
----- ------- - --------------------
--- ------ ----------- -- -------- -
-------------------- -----------
-
--
-- -
-- -
-- -
--Object.values()
Object.values() 方法返回一个对象自身可枚举属性的值的数组，其排列顺序和使用 for...in 循环遍历该对象时返回的顺序一致。
例如，我们有以下对象：
----- --- - - -- -- -- -- -- - --
我们可以使用 Object.values() 方法将其转换为一个数组：
----- ------ - ------------------- -- --- -- --
这个数组中包含了我们对象的所有属性的值。我们可以遍历这个数组进行进一步操作。
示例代码
以下代码演示了如何使用 Object.values() 方法获取对象属性的值的数组：
----- --- - - -- -- -- -- -- - --
----- ------ - -------------------
--- ------ ----- -- ------- -
-------------------
-
--
-
-
-
--总结
以上就是 ECMAScript 2016 中的 Object.entries() 和 Object.values() 方法的详细说明和使用示例。这两个方法可以帮助开发人员更方便地进行对象操作，并提高代码的可读性和效率。在实际开发中，我们可以根据需要选择合适的方法来处理对象，达到更好的开发效果。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64f173abf6b2d6eab3b4557f