在 JavaScript 的 ES10 中，新增了一个 Object.fromEntries 方法，可以将一个由键值对组成的集合转换为对象。这个方法在处理集合数据时非常有用，可以用来简化代码、提高效率。本文将详细介绍 Object.fromEntries 的使用方法，并提供示例代码以帮助读者更好地理解。
Object.fromEntries 的基本使用方法
Object.fromEntries 方法接收一个由键值对组成的集合，返回一个由这些键值对组成的对象。集合可以是数组、Map 对象等，只要符合键值对的格式即可。
下面是一个使用数组作为集合的示例代码：
const arr = [['name', 'Tom'], ['age', 18], ['gender', 'male']];
const obj = Object.fromEntries(arr);
console.log(obj); // {name: "Tom", age: 18, gender: "male"}在上述代码中，我们定义了一个由三个键值对组成的数组 arr，然后使用 Object.fromEntries 将其转换为对象。转换后的对象 obj 包含了数组中的所有键值对。
Object.fromEntries 的高级用法
除了上述基本用法，Object.fromEntries 还有一些高级用法，可以更加灵活地处理集合数据。下面我们将逐一介绍这些用法。
使用 Object.fromEntries 处理 Map 对象
Map 对象是 JavaScript 中一种非常常用的集合类型，它由键值对组成，可以用来存储各种类型的数据。使用 Object.fromEntries 可以将 Map 对象转换为对象，从而方便地进行数据处理。
下面是一个使用 Map 对象作为集合的示例代码：
const map = new Map([['name', 'Tom'], ['age', 18], ['gender', 'male']]);
const obj = Object.fromEntries(map);
console.log(obj); // {name: "Tom", age: 18, gender: "male"}在上述代码中，我们定义了一个由三个键值对组成的 Map 对象 map，然后使用 Object.fromEntries 将其转换为对象。转换后的对象 obj 包含了 Map 中的所有键值对。
使用 Object.fromEntries 处理数组对象
除了处理数组，Object.fromEntries 还可以处理数组对象。数组对象是一种特殊的数组，它由多个对象组成，每个对象都包含若干个键值对。使用 Object.fromEntries 可以将这些数组对象转换为一个大的对象，从而方便地进行数据处理。
下面是一个使用数组对象作为集合的示例代码：
const arr = [
{name: 'Tom', age: 18},
{name: 'Jerry', age: 20},
{name: 'Lucy', age: 22},
];
const obj = Object.fromEntries(arr.map(item => [item.name, item.age]));
console.log(obj); // {Tom: 18, Jerry: 20, Lucy: 22}在上述代码中，我们定义了一个由三个对象组成的数组 arr，每个对象都包含 name 和 age 两个键值对。然后使用 Object.fromEntries 将其转换为对象，转换时只保留了每个对象的 name 和 age 属性。转换后的对象 obj 包含了所有对象的 name 和 age 属性，其中 name 作为键，age 作为值。
总结
Object.fromEntries 是 JavaScript ES10 中新增的一个方法，可以将一个由键值对组成的集合转换为对象。它可以用来简化代码、提高效率，特别适合处理集合数据。本文介绍了 Object.fromEntries 的基本用法和高级用法，希望读者能够掌握这个方法，并在实际开发中灵活应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65f9245cd10417a2224e98be