ECMAScript 2021 (ES12) 中如何使用 Object.fromEntries 将数组转为对象

ECMAScript 2021 (ES12) 中如何使用 Object.fromEntries 将数组转为对象

在前端开发中，我们常常需要将数组转化为对象。以往的方法可能需要使用循环遍历数组，逐个添加到对象中。但在 ECMAScript 2021 (ES12) 中，Object.fromEntries 提供了更加简洁、高效的方法来实现数组转对象的操作。

那么，Object.fromEntries 是什么？

Object.fromEntries 方法是 ES12 提供的一个实用函数，它用于将一个给定的键值对数组转换成对象。这个方法可应用于任何可迭代对象，并且它接收一个 iterable 对象作为参数。

那么我们来看一下如何使用 Object.fromEntries 将数组转为对象：

const arr = [
  ['name', 'xiaoming'],
  ['age', 18],
  ['skill', 'JavaScript']
];
const obj = Object.fromEntries(arr);
console.log(obj);

在以上代码中，我们有一个包含多个键值对的数组 arr 。接着我们可以使用 Object.fromEntries 来将数组转换为对象，并且将其声明为变量 obj 。最后，我们输出 obj ，你将看到转换后的对象结果：

{
  name: 'xiaoming',
  age: 18,
  skill: 'JavaScript'
}

在上面的示例中，我们可以看到 Object.fromEntries 的威力，将数组转换成了拥有 key-value 数据结构的对象。接下来，我们来探讨一下使用Object.fromEntries的优势。

使用 Object.fromEntries 的优势：

1. 更加简洁、高效。使用 for 循环等方法，遍历数组并添加到对象中比使用 Object.fromEntries 更加繁琐、冗长。

2. 可以应用于任何可迭代对象。Object.fromEntries 不仅能够转换数组，通过它也可以将其他可迭代对象（如 Map）转换为对象。

3. 降低代码耦合度。使用 Object.fromEntries 编写的代码能够降低这些代码与任务之间的依赖程度，并使代码更加灵活和易于维护。

总结：

Object.fromEntries 是在 ES12 中新增的一个方法，能够将给定的键值对数组转换为对象，使用方法简洁高效，使开发人员能够更快地完成任务，减少了代码的耦合度。

谨记， Object.fromEntries 刚刚针对于 ES12 版本新增加，需要先进行语法检测或进行一定的降级处理，否则功能的使用可能会受到限制。

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