在 JavaScript 中，数组和对象是两个基本的数据类型。数组是一组有序的值，而对象是一组无序的键值对。有时候，我们需要将数组转换为对象，以便更方便地对数据进行操作。在 ECMAScript 2019 中，我们可以使用 Object.fromEntries() 方法来实现这一目的。
Object.fromEntries()
Object.fromEntries() 方法接收一个包含键值对的数组，并返回一个新的对象。它的语法如下：
----------------------------
其中，iterable 是一个可迭代对象，包含若干个键值对。每个键值对都是一个数组，第一个元素是键，第二个元素是值。
让我们看一个简单的例子。假设我们有一个数组，其中包含若干个人的姓名和年龄：
----- ------ - - --------- ---- ------- ---- ----------- --- --
我们可以使用 Object.fromEntries() 方法将这个数组转换为一个对象：
----- --- - --------------------------- ----------------- -- ------- - ------ --- ---- --- -------- -- -
这个新的对象包含三个键值对，分别对应每个人的姓名和年龄。我们可以使用对象的属性访问符来获取每个人的年龄：
----------------------- -- ------- -- --------------------- -- ------- -- ------------------------- -- ------- --
现在，让我们深入探讨一下 Object.fromEntries() 方法的使用。
将数组转换为对象
在实际的开发中，我们经常需要将数组转换为对象。例如，我们可能从后端获取到一个包含若干个学生信息的数组：
----- -------- - - - --- -- ----- -------- ---- -- -- - --- -- ----- ------ ---- -- -- - --- -- ----- ---------- ---- -- - --
我们希望将这个数组转换为一个对象，以便更方便地对学生信息进行操作。我们可以使用 Array.prototype.reduce() 方法来实现这一目的：
----- --- - --------------------- ---- -- - ----------- - ---- ------ ---- -- ---- -----------------
在这个例子中，我们使用 reduce() 方法遍历了数组，并将每个学生的 id 作为键，学生对象本身作为值，构建了一个新的对象。我们将这个新的对象赋值给了 obj 变量，并打印了出来。输出结果如下：
- -- - --- -- ----- -------- ---- -- -- -- - --- -- ----- ------ ---- -- -- -- - --- -- ----- ---------- ---- -- - -
现在，我们可以使用对象的属性访问符来获取每个学生的信息：
------------------------- -- ------- ------- ------------------------- -- ------- ----- ------------------------- -- ------- ---------
注意事项
在使用 Object.fromEntries() 方法时，需要注意以下几点：
- iterable 参数必须是一个可迭代对象，否则会抛出 TypeError 异常。
- iterable 参数中的每个元素必须是一个包含两个元素的数组，否则会抛出 TypeError 异常。
- 如果 iterable 参数中有重复的键，后面的键值对会覆盖前面的键值对。
总结
在 ECMAScript 2019 中，我们可以使用 Object.fromEntries() 方法将数组转换为对象。这个方法接收一个包含键值对的数组，并返回一个新的对象。我们可以使用 reduce() 方法将一个包含若干个对象的数组转换为一个以对象的 id 作为键的新对象。
使用 Object.fromEntries() 方法可以让我们更方便地对数据进行操作，但同时也需要注意该方法的一些限制和注意事项。在实际的开发中，我们应该根据具体的需求来选择合适的方法。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/650f94e495b1f8cacd8489af