在 ES8 中，Object 对象新增了一个 entries() 方法，用于将对象转化为一个键值对数组，方便对对象的遍历和操作。本文将详细介绍 Object.entries() 方法的用法、示例和实际应用场景，帮助读者更好地掌握该方法。
语法
Object.entries() 方法的语法如下：
Object.entries(obj);
其中，obj 表示要转换的目标对象，该方法会返回一个键值对的二维数组，其中子数组的第一个元素为对象的属性名，第二个元素为属性值。
示例
以下是 Object.entries() 方法的几个示例：
-- -------------------- ---- ------- ----- --- - - ---- ------ ---- -- -- -------------------- -- -------- ------- ------- ---- ----- --- - ----- ---- ----- -------------------- -- ------ ----- ----- ----- ----- ----- ----- --- - --------------- ----- --- - - ------ ------- ------ -- -------------------- -- --------------- ------- --------
实际应用场景
Object.entries() 方法的应用场景非常广泛，以下是几个常用的实例：
1. 对象遍历
通过 Object.entries() 方法，我们可以将对象转换为数组进行遍历，例如：
const obj = { foo: 'bar', baz: 42 };
for(const [key, value] of Object.entries(obj)){
console.log(`${key}: ${value}`);
}
// foo: bar
// baz: 422. 对象的复制
通过 Object.entries() 方法，我们可以将对象转换为数组后，再使用 Array.from() 方法将其转换为一个新的对象，从而实现对象的复制，例如：
const obj = { foo: 'bar', baz: 42 };
const objCopy = Object.fromEntries(Object.entries(obj));
console.log(objCopy); // { foo: 'bar', baz: 42 }3. 对象属性的排序
通过 Object.entries() 方法将对象转换为数组后，我们可以使用数组的 sort() 方法对对象的属性进行排序，例如：
-- -------------------- ---- ------- ----- --- - - ---- ------ ---- --- ---- -------- ---- -- -- ----- ------ - ---------------------------- -- -- ---- - ---- - - - -- -- -- -------- ------ - ------------------------------ ---- -- - - - - - - -- -- ----- ------ - --------------------------- -------------------- -- ---- -- -- ---- -- -- ---- ------- -- ---- -----
该代码会对 obj 的属性进行字典序排序，输出一个新的对象。
总结
Object.entries() 方法是 ES8 中新增的非常实用的方法，它可以将对象转换为数组，方便我们进行遍历、复制和排序等操作。同时，该方法也可以帮助我们更好地理解 JavaScript 中对象、数组和函数等基础概念，在项目中运用 Object.entries() 方法还能提高代码的可读性和效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6473157e968c7c53b009966e