在 JavaScript 开发中，我们经常需要对对象进行转换操作，例如将 Object 转换成数组或者数组转换成 Object。在比较早期的 ES5 或 ES6 中，我们通常使用 Object.keys() 和 map() 等函数来完成这些操作，但是这些方法需要写很多脚本代码，而且很麻烦。ES10 中新增的 Object.fromEntries() 方法可以优化这些转换操作。
Object.fromEntries() 方法详解
Object.fromEntries() 方法被用于将一个键值对数组转换为一个对象。这个方法接受一个键值对数组作为参数，然后返回一个包含这些键值对的对象。实际使用如下：
const entries = new Map([
['foo', 'bar'],
['baz', 42]
]);
const obj = Object.fromEntries(entries);
console.log(obj); // { foo: 'bar', baz: 42 }从代码片段中我们可以看出，Object.fromEntries() 接收一个参数 entries，它可以是一个数组或者是一个可迭代的对象，键值对的形式为 [key, value]。在这个例子中，我们使用了创建 Map 实例语句和 Object.fromEntries() 方法来完成数组的转换为对象。
Object.fromEntries() 的使用场景
Object.fromEntries() 的使用场景有很多，下面我们来讨论几个例子。
数组转换为对象
我们可以将一个数组转换为对象，转换后的对象可以用于查询或者直接获取其中的值。例如：
const arr = [['foo', 'bar'], ['baz', 42]]; const obj = Object.fromEntries(arr); console.log(obj.foo); // 'bar'
这个例子中我们将一个包含两个子数组的数组 arr 转换为一个包含两个键值对的对象 obj，之后我们可以通过 obj.foo 的形式来访问 foo 这个键所对应的值。这种方式可以增加代码可读性和可维护性，使得代码更加简单易懂。
对象转换为数组
我们也可以将一个对象转换为一个包含所有键值对的数组，例如：
const obj = { foo: 'bar', baz: 42 };
const arr = Object.entries(obj);
console.log(arr); // [['foo', 'bar'], ['baz', 42]]在这个例子中，我们使用 Object.entries() 把 obj 对象转换为一个数组，这个数组包含了所有键值对。通过这种方式我们就可以利用数组的便捷操作了。
Map 转换为对象
Map 是 JavaScript 内置对象，它可以用来存储一组键值对，其中的键值对可以是任何类型的值。Object.fromEntries() 扩展了这个功能，可以用于将 Map 转换为对象。例如：
const map = new Map([
['foo', 'bar'],
['baz', 42]
]);
const obj = Object.fromEntries(map);
console.log(obj); // { foo: 'bar', baz: 42 }实际上，可以使用 Object.fromEntries() 方法来方便地将 Map 转换为对象，其思路和上面的例子是差不多的。
使用 Object.fromEntires() 方法的优点
使用 Object.fromEntries() 方法的主要优点是简单高效，尤其是在需要将数组和对象进行转换时，使用这个方法可以减少代码量，提高可读性。同时，使用这个方法还能减少代码中的冗余代码。
注意事项
需要注意的是，这个方法只在支持 ES10 的浏览器中才能使用。如果需要在旧版的浏览器中使用这个方法，则需要使用 Polyfill。具体操作可以参考 MDN 文档。
总结
本文对 ES10 中新增的 Object.fromEntries() 方法进行了详细讲解，介绍了其使用方法和优点，并给出了多个使用场景的示例。当然，在使用时也需要注意它只支持在最新版本的浏览器中使用，如果需要支持旧版浏览器，需要添加额外的 Polyfill。了解了这个方法后，我们可以更加方便地将数组和对象进行转换，让代码更加简单易懂，提高了开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/645fbb59968c7c53b01b16dd