在 ES8 中，JavaScript 引入了两个新的 Object 方法：Object.entries() 和 Object.values()。这两个方法都可以更方便地处理对象中的数据，让前端开发更加简单。
Object.entries()
Object.entries() 方法返回一个给定对象自身可枚举属性的键值对数组。这个数组的元素是一个二维数组，每个子数组包含两个元素，第一个元素是属性名，第二个元素是属性值。
下面是一个简单的示例，演示如何使用 Object.entries() 方法：
----- ------ - - ----- ------- ---- --- ------- ------ -- ----- ------- - ----------------------- --------------------- -- ------- --------- -------- ------- ---- ---------- --------
在这个示例中，我们定义了一个 person 对象，然后使用 Object.entries() 方法将它转换成一个键值对数组。最终输出的结果是一个由三个子数组组成的数组，每个子数组都包含一个属性名和属性值。
Object.values()
Object.values() 方法返回一个给定对象自身可枚举属性的值的数组。这个数组的元素是对象中所有属性的值，按照属性的顺序排列。
下面是一个简单的示例，演示如何使用 Object.values() 方法：
----- ------ - - ----- ------- ---- --- ------- ------ -- ----- ------ - ---------------------- -------------------- -- ------- -------- --- -------
在这个示例中，我们定义了一个 person 对象，然后使用 Object.values() 方法将它转换成一个值的数组。最终输出的结果是一个由三个值组成的数组，每个值都是对象中一个属性的值。
深度和学习意义
Object.entries() 和 Object.values() 方法可以让前端开发更加简单和高效。使用这两个方法可以快速地处理对象中的数据，从而减少代码量和开发时间。
此外，这两个方法还可以帮助开发人员更好地理解 JavaScript 中的对象。通过了解对象的属性和值，开发人员可以更好地设计和实现具有复杂业务逻辑的应用程序。
指导意义
在实际的开发中，我们可以使用 Object.entries() 和 Object.values() 方法来处理对象中的数据。这些方法可以帮助我们更方便地获取对象中的属性名和属性值，从而快速地实现一些操作或计算。
下面是一个示例代码，演示如何使用 Object.entries() 和 Object.values() 方法来计算对象中所有数值属性的总和：
----- ------ - -
----- -------
---- ---
------- -------
------- ----
------- --
--
----- ------- - -----------------------
--- --- - --
--- ---- ----- ------ -- -------- -
-- ------- ----- --- --------- -
--- -- ------
-
-
-----------------
-- ------- -----在这个示例中，我们定义了一个 person 对象，然后使用 Object.entries() 方法将它转换成一个键值对数组。接着，我们遍历这个数组，如果当前属性的值是一个数值，就将它加到 sum 变量中。最终输出的结果是对象中所有数值属性的总和。
总结
Object.entries() 和 Object.values() 方法是 JavaScript 中非常有用的方法。它们可以帮助我们更方便地处理对象中的数据，从而减少代码量和开发时间。同时，学习和掌握这两个方法也可以帮助开发人员更好地理解 JavaScript 中的对象。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6606f3ddd10417a222577560