使用 ES9 中新增的 Object.fromEntries() 方法，轻松将数组转为对象-JavaScript中文网-JavaScript教程资源分享门户

随着 JavaScript 的不断发展，新的语言特性不断被引入，以提高开发效率和开发体验。ES9 中新增的 Object.fromEntries() 方法就是其中之一。本文将详细介绍该方法的使用，同时通过示例代码，指导读者如何使用该方法来轻松将数组转为对象。

Object.fromEntries() 方法介绍

Object.fromEntries() 是 ES9 中新增的静态方法，用于将一组键值对转换为对象。该方法接受一个由键值对组成的可迭代对象，返回一个新的对象，其中每个键值对都对应着一个属性名和属性值。

该方法常常用于将数组转换为对象。在以前，开发者常常使用 Object.assign() 方法，将数组转为对象。但该方法效率较低，且需要自行构造键值对数组，使用起来不太方便。而 Object.fromEntries() 方法则在处理数组转对象问题上，有着更好的效率和便携性。

Object.fromEntries() 方法的基本用法如下：

Object.fromEntries(iterable);

其中，iterable 表示一个可迭代对象，其内部元素为 [key, value] 形式的数组。函数将该可迭代对象转化为一个对象，其中每个 [key, value] 组成一个对象的属性名和属性值。

示例代码如下：

const entries = new Map([
  ['foo', 'bar'],
  ['baz', 42]
]);

const obj = Object.fromEntries(entries);

console.log(obj); // { foo: "bar", baz: 42 }

该代码将 entries 变量中的键值对转化为一个新对象 obj。

当可迭代对象中含有非数组元素或非 [key, value] 数组元素时，会抛出 TypeError 错误。

同时，当可迭代对象中存在多个相同的 key 值时，函数处理时将只保留最后一个键值对。

通过 Object.fromEntries() 方法，我们可以轻松地将数组转为对象。下面是一个典型的使用示例，我们将以前的 Object.assign() 方法改成使用 Object.fromEntries()：

const arr = [['a', 1], ['b', 2], ['c', 3]];
const obj = Object.fromEntries(arr);
console.log(obj); // { a: 1, b: 2, c:3 }

在 ES9 中引入的 Object.fromEntries() 方法，为将数组转化为对象提供了更加高效优雅的解决方案。通过本文的介绍和示例，相信读者已经掌握了该方法的使用。在实际开发和应用过程中，可以适当地使用这个方法，提高开发效率和代码的可维护性。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/645c3bd4968c7c53b0e82a8a