ES10 新特性之 Object.fromEntries，将数组转化为对象

在 ES10 中，引入了一个新的静态方法 Object.fromEntries，该方法可以将数组转化为对象。这个方法的使用在前端开发中非常常见，让我们能够更加轻松地处理数组和对象之间的转化。

什么是 Object.fromEntries

Object.fromEntries 这个方法是在 ES7 中提出的，但直到 ES10 中才正式被纳入到 ECMAScript 中。这个方法接收一个由键值对数组组成的数组，并返回一个新的对象，其中数组中的每个键值对都会被转化为对象的一个属性。这个方法在数组和对象之间转化的过程中非常有用。

使用 Object.fromEntries

下面是一个简单的示例，展示了如何使用 Object.fromEntries 方法将一个由键值对数组组成的数组转换为一个对象：

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 对使用数组来表示表单数据的情况进行转化为对象：

const formData = [
  ['name', 'John Doe'],
  ['email', 'john.doe@example.com'],
  ['age', 30],
  ['country', 'United States']
];

const formObj = Object.fromEntries(formData);

console.log(formObj); 
// {
//   name: 'John Doe',
//   email: 'john.doe@example.com',
//   age: 30,
//   country: 'United States'
// }

在这个示例中，我们用数组表示了表单中的各个属性和它们的值。使用 Object.fromEntries 方法，我们将其转化为了一个对象，可以更加方便地处理表单数据。

总结

Object.fromEntries 作为一个非常有用的静态方法，可以让我们更加方便地处理数组和对象之间的转化。在实际开发中，我们可以将其用于表单数据的处理、对象属性的删除、对象属性的修改等方面。掌握了 Object.fromEntries 的基本用法，我们可以更加轻松地进行前端开发。

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