ES10 中引入了新的方法 Object.fromEntries()，这个方法可以将一个包含键值对的数组转换成一个对象。在前端开发中，我们经常需要处理数据的转换和重组，这个方法可以使得这些操作更加方便和高效。本文将围绕 Object.fromEntries() 方法展开，详细分析其应用场景和实际使用方法。
Object.fromEntries() 方法的基础用法
Object.fromEntries() 方法接收一个键值对的数组，返回一个对象。具体的实现方法如下：
Object.fromEntries(entries)
其中，entries 参数是一个包含键值对的数组，每个键值对都是一个长度为2的数组，第一个元素是键名，第二个元素是对应的属性值。
以下是一个简单的示例代码：
const entries = [['name', 'John'], ['age', 30], ['gender', 'male']];
const obj = Object.fromEntries(entries);
console.log(obj); // {name: 'John', age: 30, gender: 'male'}Object.fromEntries() 方法的应用场景
从 Map 对象生成对象
Object.fromEntries() 可以方便地将 Map 转化为对象。Map 对象是 ES6 中提供的一种新的数据结构，它是一个可迭代的键值对的集合，其中的每一个元素都是由键和值组成的。
下面是一个将 Map 转化为对象的示例代码：
const map = new Map([['name', 'John'], ['age', 30], ['gender', 'male']]);
const obj = Object.fromEntries(map);
console.log(obj); // {name: 'John', age: 30, gender: 'male'}将对象转换为键值对数组
Object.fromEntries() 可以将对象转换为键值对数组，这在前端开发中十分常见。以下是一个示例代码：
const obj = {name: 'John', age: 30, gender: 'male'};
const entries = Object.entries(obj);
console.log(entries); // [['name', 'John'], ['age', 30], ['gender', 'male']]反转对象的键值对
如果需要将对象的键值对反转，可以使用 Object.entries() 将其转化为一个键值对数组，然后使用数组的 map() 方法将键值对颠倒，最后使用 Object.fromEntries() 将其转化为对象。
以下是一个将对象键值对反转的示例代码：
const obj = {name: 'John', age: 30, gender: 'male'};
const entries = Object.entries(obj);
const invertedEntries = entries.map(([key, value]) => [value, key]);
const invertedObj = Object.fromEntries(invertedEntries);
console.log(invertedObj); // {John: 'name', 30: 'age', male: 'gender'}总结
本文通过实例代码详细讲解了 ES10 中 Object.fromEntries() 方法的应用场景和使用方法。Object.fromEntries() 方法可以方便地从键值对数组生成对象，同时也可以将对象转换为键值对数组。在前端开发中，我们经常会遇到数据转换和重组的任务，Object.fromEntries() 方法可以使得这些任务更加高效和简便。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/654c4b757d4982a6eb5df116