在 ES8 中，新增了一个非常实用的方法 Object.entries()，该方法可以将一个对象的所有可枚举属性转化为一个二维数组，其中每个子数组包含两个元素，第一个元素是属性名，第二个元素是属性值。本文将深入探讨 Object.entries() 方法的使用技巧，帮助读者更好地理解和运用该方法。
语法
Object.entries() 方法的语法非常简单，如下所示：
Object.entries(obj)
其中，obj 表示要转化为二维数组的对象。
返回值
Object.entries() 方法返回一个二维数组，其中每个子数组包含两个元素，第一个元素是属性名，第二个元素是属性值。
示例
下面是一个示例代码，演示了如何使用 Object.entries() 方法将一个对象转化为二维数组：
const obj = { name: 'John', age: 18, gender: 'male' };
const entries = Object.entries(obj);
console.log(entries);
// Output: [['name', 'John'], ['age', 18], ['gender', 'male']]使用技巧
1. 遍历对象属性
使用 Object.entries() 方法可以非常方便地遍历一个对象的所有属性，如下所示：
const obj = { name: 'John', age: 18, gender: 'male' };
for (const [key, value] of Object.entries(obj)) {
console.log(`${key}: ${value}`);
}
// Output:
// name: John
// age: 18
// gender: male在上面的代码中，我们使用 for...of 循环遍历了 Object.entries(obj) 返回的二维数组，其中 [key, value] 表示每个子数组中的第一个元素和第二个元素。
2. 将对象转化为 Map
由于 Object.entries() 方法返回的是一个二维数组，因此可以非常方便地将一个对象转化为 Map，如下所示：
const obj = { name: 'John', age: 18, gender: 'male' };
const map = new Map(Object.entries(obj));
console.log(map);
// Output: Map(3) { 'name' => 'John', 'age' => 18, 'gender' => 'male' }在上面的代码中，我们使用 new Map() 构造函数和 Object.entries() 方法将一个对象转化为 Map。
3. 克隆对象
使用 Object.entries() 方法可以非常方便地克隆一个对象，如下所示：
const obj = { name: 'John', age: 18, gender: 'male' };
const clone = Object.fromEntries(Object.entries(obj));
console.log(clone);
// Output: { name: 'John', age: 18, gender: 'male' }在上面的代码中，我们使用 Object.fromEntries() 方法和 Object.entries() 方法将一个对象克隆了一份。
总结
Object.entries() 方法是一个非常实用的方法，可以将一个对象的所有可枚举属性转化为一个二维数组，从而方便地进行遍历、转化为 Map、克隆等操作。掌握了 Object.entries() 方法的使用技巧，可以帮助我们更好地编写高效、优雅的代码。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65529cb9d2f5e1655dc553fb