在 JavaScript 的新标准 ES10 中，新增了一个 Object 对象的方法 fromEntries()，该方法可以将一个由键值对组成的数组转化为一个对象。这个新方法的应用场景很多，尤其是在前端开发中。
本文将介绍 Object.fromEntries() 的基本用法和常见应用场景，帮助读者快速掌握它的使用技巧，并深入学习需要注意的细节和如何更好地使用它。
基本用法
Object.fromEntries() 方法的基本语法如下：
Object.fromEntries(iterable)
其中，iterable 是一个键值对组成的数组，每个元素都是由一个键和一个值组成的数组，如下所示：
const entries = [['foo', 'bar'], ['baz', 42]];
调用 Object.fromEntries() 方法后，将返回一个包含键值对的对象，如下所示：
Object.fromEntries(entries);
// => {foo: "bar", baz: 42}应用场景
将 Map 转化为对象
在开发中，我们可能会用到 Map 对象，然而，如果要将 Map 对象转换为常规的键值对对象，传统上需要进行一系列复杂的操作。但引入了 Object.fromEntries() 方法后，这个过程就变得非常简单了：
const map = new Map([['foo', 'bar'], ['baz', 42]]);
const obj = Object.fromEntries(map);
// => {foo: "bar", baz: 42}对象的扁平化处理
在前端开发中，我们常常需要对对象进行扁平化处理。通常情况下，我们可以使用 lodash 这样的库，它具有 flatten 方法，能够将嵌套对象转化为扁平对象。
但是，在 ES10 中，我们也可以使用 Object.fromEntries() 方法实现对象的扁平化处理。下面是一个简单的示例：
const obj = { foo: { bar: { baz: 42 } } };
const entries = Object.entries(obj);
const flattenedEntries = entries.flatMap(([key, value]) =>
typeof value === 'object' ? Object.entries(value) : [[key, value]]
);
const flattenedObj = Object.fromEntries(flattenedEntries);
// => { 'foo.bar.baz': 42 }注意事项
虽然 Object.fromEntries() 方法非常方便，但是在使用过程中还需要注意一些细节。
键重复时的处理方法
使用 Object.fromEntries() 方法时，如果键值对数组中含有重复的键，后一个键值对的值会覆盖前一个。比如：
const entries = [['foo', 1], ['bar', 2], ['foo', 3]];
const obj = Object.fromEntries(entries);
// => { foo: 3, bar: 2 }可迭代对象的限制
使用 Object.fromEntries() 方法时，它只能处理类似数组的可迭代对象。事实上，如果输入对象不是可迭代对象，则会抛出 TypeError 异常。
浅拷贝
最后，需要注意的是 Object.fromEntries() 方法所创建的对象是浅拷贝的。也就是说，如果原始对象中包含其他对象或数组等引用类型，那么新对象中保存的依然是这些引用类型的引用地址。需要注意的是，在修改新对象中的引用类型时，也会影响到原始对象。
总结与建议
本文介绍了 Object.fromEntries() 方法的基本用法和常见应用场景，帮助读者快速掌握它的使用技巧。需要注意的是键重复时的处理方法、可迭代对象的限制和浅拷贝等细节问题。
建议读者在实际开发中，根据业务需求灵活运用该方法，并同时考虑具体应用场景中的细节问题。通过深入学习 Object.fromEntries()，可以为开发者提供更多的解决问题的方案。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64954b0648841e98942859e9