ECMAScript 2019：如何将 JavaScript 中的数组转换为对象-JavaScript中文网-JavaScript教程资源分享门户

在 JavaScript 中，数组和对象是两个基本的数据类型。数组是一组有序的值，而对象是一组无序的键值对。有时候，我们需要将数组转换为对象，以便更方便地对数据进行操作。在 ECMAScript 2019 中，我们可以使用 Object.fromEntries() 方法来实现这一目的。

Object.fromEntries()

Object.fromEntries() 方法接收一个包含键值对的数组，并返回一个新的对象。它的语法如下：

Object.fromEntries(iterable)

其中，iterable 是一个可迭代对象，包含若干个键值对。每个键值对都是一个数组，第一个元素是键，第二个元素是值。

让我们看一个简单的例子。假设我们有一个数组，其中包含若干个人的姓名和年龄：

const people = [
  ['Alice', 25],
  ['Bob', 30],
  ['Charlie', 35]
];

我们可以使用 Object.fromEntries() 方法将这个数组转换为一个对象：

const obj = Object.fromEntries(people);
console.log(obj);
// Output: { Alice: 25, Bob: 30, Charlie: 35 }

这个新的对象包含三个键值对，分别对应每个人的姓名和年龄。我们可以使用对象的属性访问符来获取每个人的年龄：

console.log(obj.Alice); // Output: 25
console.log(obj.Bob); // Output: 30
console.log(obj.Charlie); // Output: 35

现在，让我们深入探讨一下 Object.fromEntries() 方法的使用。

在实际的开发中，我们经常需要将数组转换为对象。例如，我们可能从后端获取到一个包含若干个学生信息的数组：

const students = [
  { id: 1, name: 'Alice', age: 18 },
  { id: 2, name: 'Bob', age: 19 },
  { id: 3, name: 'Charlie', age: 20 }
];

我们希望将这个数组转换为一个对象，以便更方便地对学生信息进行操作。我们可以使用 Array.prototype.reduce() 方法来实现这一目的：

const obj = students.reduce((acc, cur) => {
  acc[cur.id] = cur;
  return acc;
}, {});
console.log(obj);

在这个例子中，我们使用 reduce() 方法遍历了数组，并将每个学生的 id 作为键，学生对象本身作为值，构建了一个新的对象。我们将这个新的对象赋值给了 obj 变量，并打印了出来。输出结果如下：

{
  1: { id: 1, name: 'Alice', age: 18 },
  2: { id: 2, name: 'Bob', age: 19 },
  3: { id: 3, name: 'Charlie', age: 20 }
}

现在，我们可以使用对象的属性访问符来获取每个学生的信息：

console.log(obj[1].name); // Output: 'Alice'
console.log(obj[2].name); // Output: 'Bob'
console.log(obj[3].name); // Output: 'Charlie'

在使用 Object.fromEntries() 方法时，需要注意以下几点：

在 ECMAScript 2019 中，我们可以使用 Object.fromEntries() 方法将数组转换为对象。这个方法接收一个包含键值对的数组，并返回一个新的对象。我们可以使用 reduce() 方法将一个包含若干个对象的数组转换为一个以对象的 id 作为键的新对象。

使用 Object.fromEntries() 方法可以让我们更方便地对数据进行操作，但同时也需要注意该方法的一些限制和注意事项。在实际的开发中，我们应该根据具体的需求来选择合适的方法。

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