ES8 是 ECMAScript 的第八个版本，它引入了一些新的特性，其中包括 Object.values() 和 Object.entries() 方法。本文将深入探讨这两个方法的详细用法及如何运用它们来提高 JavaScript 的开发效率和性能。
Object.values()
Object.values() 方法返回一个对象自身可枚举属性的值数组，按照属性插入的顺序排列。返回的数组是一个包含对象值的数组，而不是一个对象本身。
语法
Object.values(obj)
- obj：必需。要返回其可枚举属性值的对象。
示例
-- -------------------- ---- ------- ----- --- - - -- ------ -- ------ -- ------- -- ----- ------ - ------------------- -------------------- -- ------- ------ --------
Object.entries()
Object.entries() 方法返回一个对象自身可枚举属性的键值对数组，按照属性插入的顺序排列。返回的数组中的每个元素都是一个键值对的数组，其中第一个元素是属性的名称，第二个元素是属性的值。
语法
Object.entries(obj)
- obj：必需。要返回其可枚举属性键值对的对象。
示例
-- -------------------- ---- ------- ----- --- - - -- ------ -- ------ -- ------- -- ----- ------- - -------------------- --------------------- -- ------ ------- ----- ------- ----- ---------
应用场景
1. 获取对象值或键值对数组
使用 Object.values() 方法可以方便地获取对象的值数组，而使用 Object.entries() 方法可以方便地获取对象的键值对数组。
2. 遍历对象中的值或键值对
通过遍历 Object.values() 返回的值数组或 Object.entries() 返回的键值对数组，能够快速地访问对象中的所有值或键值对。
Object.values(obj).forEach(value => {
console.log(value);
});
Object.entries(obj).forEach(entry => {
console.log(entry[0], entry[1]);
});3. 将对象转换成数组
我们可以从一个对象中提取有用的信息，然后将其转换成数组。通过使用 Object.entries() 方法生成键值对数组，我们可以很方便地将对象的信息转换为数组。
-- -------------------- ---- -------
----- ---- - -
----- ------
---- ---
------- ------
--
----- --- - ------------------------------ -- -
------ -
---- ---------
------ --------
-
---
-----------------
-- - - ---- ------- ------ ----- -- - ---- ------ ------ -- -- - ---- --------- ------ ------ - -总结
Object.values() 和 Object.entries() 方法是 ES8 中新增的实用特性，在处理对象数据方面提供了便利性，能够节省时间和代码量。合理使用它们可以提高 JavaScript 开发的效率和性能，更好地满足业务需求。
希望通过本文对 ES8 的新特性 Object.values() 和 Object.entries() 方法有更深的理解。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e33314f6b2d6eab3e9a362