ES9 新增了一个非常方便的方法 Object.fromEntries()，该方法可以将一个包含键值对的数组转换成一个对象，下面我们来详细介绍一下这个方法的使用及其指导意义。
基本用法
使用 Object.fromEntries() 方法可以将一个由键值对组成的数组转换成一个对象，例如：
const pairs = [['foo', 1], ['bar', 2]];
const obj = Object.fromEntries(pairs);
console.log(obj); // {foo: 1, bar: 2}这个例子中，我们首先定义了一个由键值对组成的数组，并传递给了 Object.fromEntries() 方法，该方法返回了一个对象，包含了这些键值对。
需要注意的是，这个方法只适用于由键值对组成的数组，如果数组中包含其他类型的元素，那么会抛出一个异常。
相关实践
实际应用中，我们常常会遇到一些需要将键值对数组转换成对象的情况。例如，我们有一个表单，需要将表单域的名称和值转换成一个对象，可以使用 Object.fromEntries() 方法来实现：
-- -------------------- ---- -------
----- -------------
------ ----------- ---------- ----------
------ ----------- ---------- ----------
------- -----------------------------
-------
--------
----- ---- - -----------------------------------
------------------------------- ----- -- -
-----------------------
----- -------- - --- ---------------
----- ------- - -------------------------------
----- ---- - ----------------------------
------------------ -- ----- ---- ---- ----
---
---------在这个例子中，我们首先获取了表单元素，并监听了表单提交事件。在事件处理函数中，我们首先创建了一个 FormData 对象，用于获取表单域的名称和值。接着，我们使用 FormData.entries() 方法获取表单域的键值对，使用 Array.from() 方法将其转换成可迭代的数组，并将该数组传递给了 Object.fromEntries() 方法，得到了一个包含表单数据的对象。
注意事项
需要注意的是，Object.fromEntries() 方法是一个静态方法，并不像 Object.entries() 方法一样是实例方法。因此，我们只能通过 Object.fromEntries() 来使用该方法，不能通过对象的实例来使用。
此外，该方法可能并不支持所有的浏览器。可以使用 polyfill 来解决这个问题。
结论
Object.fromEntries() 方法是一个非常有用的方法，可以方便地将键值对数组转换成对象，并在处理表单数据等场景中发挥重要作用。需要注意使用前进行兼容性检查，并及时使用 polyfill 解决兼容性问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/671bdcf89babaf620fadf18c