如何使用 ES12 中的 Object.fromEntries 方法将二维数组转成对象

在前端开发中，我们经常需要在不同的数据格式之间转换。使用 JavaScript 开发时，将二维数组转换为对象是一个经常需要做的操作。在 ES12 中，推出了一个新的方法 Object.fromEntries，它可以非常方便地将二维数组转换为对象，本文将介绍该方法的使用和示例代码。

了解 Object.fromEntries 方法

Object.fromEntries() 方法是一个静态方法，它接受一个包含键值对数组的可迭代对象，然后将这些键值对转换为一个新的对象。每个键值对都由长度为 2 的数组表示，其中第一个元素是键，第二个元素是值。可以使用 for...of 或者 Array.from() 方法来遍历可迭代对象。

使用 Object.fromEntries 将二维数组转成对象

下面是使用 Object.fromEntries() 方法将二维数组转成对象的示例代码：

const array = [
  ['foo', 1],
  ['bar', 2]
];
const object = Object.fromEntries(array);
console.log(object);
// 输出 {foo: 1, bar: 2}

在上面的代码中，首先定义了一个包含键值对数组的二维数组 array。然后使用 Object.fromEntries() 方法将该二维数组转换为一个新的对象 object。最后使用 console.log() 方法输出该对象，可以看到输出的结果是 {foo: 1, bar: 2}，即将键值对数组转换为了一个对象。

指导意义

使用 Object.fromEntries() 方法将二维数组转成对象非常方便。这种操作在前端开发中非常常见，比如将后端返回的接口数据转成便于前端展示的数据格式。而使用 Object.fromEntries() 方法可以大大简化代码的编写，提高开发效率。因此在项目中需要将二维数组转成对象时，可以优先考虑使用该方法。

总结

本文介绍了如何使用 ES12 中的 Object.fromEntries() 方法将二维数组转换为对象。在使用该方法时，需要注意可迭代对象必须是一个包含键值对数组的二维数组。使用该方法可以简化代码的编写，提高开发效率，同时符合现代 JavaScript 开发的新特性和规范。

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