ES10 的对象改进：Object.fromEntries()

在ES6中，JavaScript引入了新的对象创建方式，例如使用字面量语法、Object.create()方法和 Object.assign() 方法等。随着技术的发展，ECMAScript 2017（简称ES10）进一步丰富了对象的创建方式，其中新增了一个名为 Object.fromEntries() 的方法，该方法提供了一种更简洁且高效的方式来从可迭代对象（如数组或 Map 对象）创建一个新对象。

为什么需要 Object.fromEntries()？

在处理数据时，我们经常需要将数据结构转换为对象形式。例如，从数组中提取键值对、从 Map 中获取键值对等场景。传统的做法是通过循环遍历这些数据结构并手动构建对象，这不仅繁琐而且容易出错。Object.fromEntries() 方法正是为了解决这些问题而设计的，它提供了一种更为简洁和安全的方式来创建对象。

Object.fromEntries() 的用法

基本语法

Object.fromEntries(iterable)

其中，iterable 是一个可迭代对象，它可以是一个数组或一个 Map 对象。Object.fromEntries() 方法会将 iterable 中的每个元素转换为键值对，并返回一个新的对象。

示例代码

使用数组

假设我们有一个包含键值对的数组：

const entries = [
  ['a', 1],
  ['b', 2],
  ['c', 3]
];

const objFromArray = Object.fromEntries(entries);
console.log(objFromArray); // 输出: { a: 1, b: 2, c: 3 }

使用 Map 对象

同样地，如果我们有如下一个 Map 对象：

const myMap = new Map([
  ['a', 1],
  ['b', 2],
  ['c', 3]
]);

const objFromMap = Object.fromEntries(myMap.entries());
console.log(objFromMap); // 输出: { a: 1, b: 2, c: 3 }

性能优势

Object.fromEntries() 相对于传统的循环和手动构造对象的方法，在性能上有显著优势。这是因为它是基于原生实现的，内部优化了遍历和键值对创建的过程，避免了不必要的内存分配和复制操作。

注意事项

• Object.fromEntries() 只能用于可迭代对象，如果传递的是非可迭代类型（如字符串），将会抛出错误。
• 当 iterable 中的键不是唯一的时，Object.fromEntries() 仅保留最后一个键值对的值，因为对象中的键必须唯一。

结论

Object.fromEntries() 是ES10提供的一个实用的工具，它简化了从可迭代对象创建对象的过程，提高了开发效率和代码可读性。通过这个方法，开发者可以更加专注于业务逻辑的实现，而不需要过多关注数据结构的转换细节。随着JavaScript生态系统的不断发展，这样的小改进无疑为开发者提供了更多便利。