ECMAScript 2019 中的静态方法 Object.fromEntries 和 Array.from：构造对象和数组更方便
在 ECMAScript 2019 中，JavaScript 引入了两个新的静态方法 Object.fromEntries 和 Array.from，这两个方法可以方便地构造对象和数组。本文将详细介绍这两个方法的使用方法和意义，帮助读者更好地使用它们。
Object.fromEntries 方法
Object.fromEntries 方法是 ES2019 中新加的一个静态方法，它可以将一个由键值对组成的数组转换为一个对象。
使用语法：Object.fromEntries(iterable)
其中，iterable 是一个由键值对组成的可迭代对象，比如 Map 或者 Array。这个方法可以传入一个键值对的二元数组，然后返回一个对象。
考虑如下的例子：
----- ------- - --------- -------- ------- ----- ----- --- - ---------------------------- ----------------- -- ------ ------- ---- ---
在上面的例子中，先定义一个包含两个键值对的二元数组，然后使用 Object.fromEntries 方法将其转换为一个对象。转换后的对象包含两个属性 name 和 age，值分别为 "Jack" 和 18。
这个方法可以简化对象的创建过程，特别是在需要创建一个由键值对组成的对象时，可以直接使用二元数组来构建对象。
Array.from 方法
Array.from 方法也是 ES2019 中加入的一个静态方法，它可以将类似数组的对象或可迭代对象转化为一个数组。
使用语法：Array.from(iterable [, mapFn [, thisArg]])
其中，iterable 为一个类似数组的对象或可迭代对象，mapFn 为一个可选的映射函数，可以将每个元素映射为新的值，thisArg 指定 mapFn 函数内部的 this 指向。
考虑如下的例子：
----- --- - --- ------- -- ---- ----- --- - --------------- - -- - - --- ----------------- -- --- -- --
在上面的例子中，先创建了一个 Set 对象，包含了三个元素 1、2 和 3。然后使用 Array.from 方法将其转换成一个数组，并通过一个映射函数将每个元素平方。最终得到的数组为 [1, 4, 9]。
需要注意的是，Array.from 方法可以转换任何可迭代对象为数组，包括 Set、Map 和字符串等。
结论
Object.fromEntries 和 Array.from 是两个非常有用的静态方法，可以极大地方便对象和数组的构造过程。Object.fromEntries 可以将键值对的二元数组转换为对象，而 Array.from 可以将可迭代对象或类数组对象转换为数组。这两个方法都是在 ES2019 中引入的，需要确保使用的 JavaScript 引擎支持 ES2019 标准。通过本文的示例代码，读者可以更好地使用 Object.fromEntries 和 Array.from 方法，减少重复代码量，提高代码的可读性，方便开发过程中的对象和数组的构建。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/67063795d91dce0dc85a0bc2