用 ECMAScript 2021 中的 Object.fromEntries 方法将数组转为对象

在前端开发中，我们经常需要将一个数组转换成一个对象。通常我们会用循环和条件语句来解决这个问题，但这些方法通常比较繁琐，难以理解和维护。幸运的是，ECMAScript 2021 引入了一个新的方法，Object.fromEntries，可以用更简单、更优雅的方式来实现数组到对象的转换。

Object.fromEntries 简介

Object.fromEntries 是 ECMAScript 2021 新增的方法之一，它可以将一个键值对的数组转换成一个对象。使用 Object.fromEntries 方法的格式如下：

Object.fromEntries(iterable)

其中，iterable 是一个可迭代对象，它的每个元素都是一个长度为 2 的数组，第一个元素是键，第二个元素是值。Object.fromEntries 方法将 iterble 对象中的每个键值对转为一个对象的属性和值。

示例代码

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

Object.fromEntries 的指导意义

Object.fromEntries 方法可以更方便地将数组转为对象，它在提高代码效率和可读性方面的贡献不容忽视。相比于传统的写法，使用它将大大减少代码的行数，减少了代码的复杂度和难度，进一步提高了代码的可维护性。

值得注意的是，Object.fromEntries 方法比较新，不是所有的浏览器都支持，因此在使用时需要注意浏览器的兼容性。如果想要在更老的浏览器中使用此方法，可以考虑使用 polyfill，或者使用其他的解决方案。

总结

用 ECMAScript 2021 中的 Object.fromEntries 方法将数组转为对象的技巧，简洁明了，易于理解，相比于传统的写法具有很多优势。了解和掌握 Object.fromEntries 方法，将为我们在前端开发中更高效、更简便地实现数组到对象的转换提供更好的方式。

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