使用 ES6/7/8/9/10 中的 Object.fromEntries() 将数组转换为对象

在 JavaScript 中，我们经常需要将数组转换为对象。在 ES5 中，我们可以使用 reduce() 方法来实现这个转换。但是，在 ES6 开始，我们有了更简单、更明了的方法来实现这个目的，它就是 Object.fromEntries()。

什么是 Object.fromEntries()？

Object.fromEntries() 是一个新的静态方法，它允许我们将包含键值对的数组转换为一个对象。这个方法的第一个参数是一个二维数组，其中每个元素都是由键值对主键数组组成的数组。第二个参数是一个可选参数，用于指定要使用的对象类型（例如，可以使用 Map 类型的对象作为输出对象）。

如何使用 Object.fromEntries()？

使用 Object.fromEntries() 将数组转换为对象的步骤非常简单。首先，我们需要将数组中的元素转换为键值对的形式，然后将这些键值对组合成一个新的对象。为了将数组转换为键值对数组，我们可以使用 Array.map() 和解构赋值的组合。然后，我们使用 Object.fromEntries() 将这些键值对组合成一个新的对象。

以下是一个将数组转换为对象的示例代码：

const arr = [['name', 'tom'], ['age', 28], ['gender', 'male']];
const obj = Object.fromEntries(arr);
console.log(obj); // {name: 'tom', age: 28, gender: 'male'}

在这段代码中，我们使用 const 声明了一个包含三个键值对的数组。然后，我们将这个数组传递给 Object.fromEntries()，将返回一个新的对象，其中包含原来数组中的所有键值对。

使用 Object.fromEntries() 的优点

使用 Object.fromEntries() 来将数组转换为对象的主要优势在于代码的简洁性和可读性。与传统的 reduce() 方法相比，使用 Object.fromEntries() 能够更加直观和简单地实现这个转换。并且，这个方法还支持 Map 类型的对象和其他类型的对象作为输出，从而使代码的可定制性更加强大。

总结

本文讲述了如何使用 ES6/7/8/9/10 中的 Object.fromEntries() 方法来将数组转换为对象。我们探讨了这个方法的用法，其中包括如何创建键值对数组，以及如何使用 Object.fromEntries() 将这些数组组合成一个新的对象。我们还比较了使用传统的 reduce() 方法和使用 Object.fromEntries() 方法的区别，并强调了使用 Object.fromEntries() 的简洁性、可读性和可定制性。这个方法是在 ES6 中引入的新功能，它是 Web 开发中非常有用的一个特性，向我们展示了 JavaScript 在 ES6/7/8/9/10 中持续发展的潜力和实用性。

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