如何使用 ES9 中的 Object.fromEntries() 将键值对数组对象转为对象

ES9 中新增了一个方法 Object.fromEntries()，可以将键值对数组对象转为对象。这个方法可以大大简化一些对象构建的过程，特别是在前端开发中，经常需要将一些数组数据转为对象，此时 Object.fromEntries() 的作用就非常明显了。本文将详细介绍 Object.fromEntries() 的使用方法，并结合示例代码进行说明。

什么是 Object.fromEntries()?

Object.fromEntries() 是一个静态方法，它可以将一个数组转换成对象，数组的每一项都是一个表示键值对的数组，键值对数组的第一项表示属性名，第二项表示属性值。

语法和参数

Object.fromEntries() 的语法如下：

Object.fromEntries(iterable)

参数 iterable 是一个可迭代对象，用来表示一个数组。

示例代码

下面是一个简单的示例，实现将键值对的数组转换为对象的功能。

const entries = [['name', 'Jack'], ['age', 18], ['gender', 'male']];

const myObj = Object.fromEntries(entries);
console.log(myObj);

运行上面的代码，控制台打印出以下结果：

{name: "Jack", age: 18, gender: "male"}

这样就实现了将键值对的数组转换为对象。

和 Object.entries() 方法的配合

Object.fromEntries() 方法非常适合和 Object.entries() 方法一起使用，它们可以实现对象和数组之间的快速转换，可以大大提高开发效率。

下面是一个示例，将一个对象转换为键值对数组，再将数组转换为对象：

const obj = {name: 'Jack', age: 18, gender: 'male'};

const entries = Object.entries(obj);
console.log(entries);

const myObj = Object.fromEntries(entries);
console.log(myObj);

上面代码中，首先使用 Object.entries() 方法将对象转换为键值对数组，然后使用 Object.fromEntries() 将数组转换为对象。运行上面的代码，控制台将输出以下结果：

// javascriptcn.com 代码示例
[
  ["name", "Jack"],
  ["age", 18],
  ["gender", "male"]
]

{
  name: "Jack",
  age: 18,
  gender: "male"
}

深度剖析 Object.fromEntries()

Object.fromEntries() 方法是 ES9 新增的静态方法之一，它可以方便地将一个表示键值对的数组转换为一个对象。它的语法非常简单，只需要一个数组作为参数。这个数组的每一项都是一个键值对数组，第一项表示属性名，第二项表示属性值。

使用 Object.fromEntries() 方法比手写构建对象的方式更加直观，代码也更加简洁。

如果你使用过 Object.entries() 方法，那么 Object.fromEntries() 就会非常容易理解，它们是完美的一对，可以轻松地将对象和数组之间相互转换。

总结

本文介绍了如何使用 ES9 中的 Object.fromEntries() 方法将键值对数组对象转为对象，并提供了详细的示例代码。这个方法可以大大简化一些对象构建的过程，在前端开发中尤其有用。希望本文可以帮助读者更加深入地理解这个方法的使用方式，并在实际开发中灵活运用。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/652b495c7d4982a6ebd44684