Object.entries()方法使用详解

一. 概述

对象的数据处理方法，我们熟知的有很多，比如Object.keys(),Object.values()，for in等，本文将其与其它常见使用方法进行对比，详细解析其特性。

二. 对比 for in

Object.entries()方法的优势

1. 返回的是一个键值对数组，方便进行数组的操作，如过滤、排序、查找等操作。

2. 不需要使用hasOwnProperty()方法来过滤原型链上的属性，只返回对象自身的属性。

3.  可以直接使用数组迭代器方法，如map()、forEach()、reduce()等方法。

举例

// 使用Object.entries()方法遍历对象属性
for (const [key, value] of Object.entries(obj)) {
  console.log(`${key}: ${value}`);
}

// 使用for...in循环遍历对象属性
for (const key in obj) {
  if (obj.hasOwnProperty(key)) {
    console.log(${key}: ${obj[key]});
  }
}

总结：

在上面的示例中，我们首先定义了一个包含三个属性的对象obj。然后使用Object.entries()方法和for...in循环分别遍历对象属性，并打印出属性的键名和键值。可以看到，使用Object.entries()方法可以直接使用数组迭代器方法，而使用for...in循环需要使用hasOwnProperty()方法来过滤原型链上的属性。

总之，Object.entries()方法比for...in循环更加灵活和方便，特别是在需要对对象属性进行数组操作时，使用Object.entries()方法可以提高代码的可读性和可维护性。

三. 对比 for of

for...of循环本身是用于遍历可迭代对象的，而对象并不是一个可迭代对象，所以不能直接使用for...of循环遍历对象。如果要遍历对象，可以使用Object.keys()、Object.values()、Object.entries()等方法来获取对象的属性，然后使用for...of循环遍历属性值。

以下是一个示例，演示如何使用for...of循环遍历对象属性值

// 使用Object.values()方法获取对象属性值
const values = Object.values(obj);

// 使用for...of循环遍历属性值
for (const value of values) {
  console.log(value);
}

总结： 在上面的示例中，我们首先定义了一个包含三个属性的对象obj。然后使用Object.values()方法获取对象属性值，并将结果赋值给values。最后使用for...of循环遍历values，打印出属性值。可以看到，通过将对象的属性值提取出来，使用for...of循环遍历属性值是可行的。

如果需要遍历对象的属性键名和键值，建议使用Object.entries()方法获取键值对数组，然后使用for...of循环遍历键值对数组。这样可以避免手动提取属性键值对的过程，提高代码的可读性和可维护性。

四. Object.entries()、Map对象和Object.fromEntries()

Object.entries()、Map对象和Object.fromEntries()三者可以相互转换对象和键值对数组的数组，方便进行数据转换和操作。
以下是一个示例，演示如何通过Object.entries()方法将一个对象转换为Map对象，再通过Map对象的entries()方法将其转换为键值对数组的数组，最后通过Object.fromEntries()方法将其转换为一个新的对象

const obj = { a: 1, b: 2, c: 3 };

// 使用Object.entries()方法将对象转换为Map对象
const map = new Map(Object.entries(obj));

// 使用Map对象的entries()方法将Map对象转换为键值对数组的数组
const entries = Array.from(map.entries());

// 使用Object.fromEntries()方法将键值对数组的数组转换为新的对象
const newObj = Object.fromEntries(entries);
console.log(newObj);
// 输出: { a: 1, b: 2, c: 3 }

总结：Object.entries()、Map对象和Object.fromEntries()三者可以相互转换对象和键值对数组的数组，方便进行数据转换和操作。需要根据具体情况选择合适的方法进行转换。如果需要进行复杂的数据操作，建议使用Map对象；如果需要使用对象的其他方法或将对象序列化为JSON格式，建议使用Object对象。