ECMAScript 2019（ES10）：使用 Object.fromEntries() 来快速创建对象-JavaScript中文网-JavaScript教程资源分享门户

在 ECMAScript 2019（ES10）中，引入了一个新的方法 Object.fromEntries()，它可以将包含键值对的数组转换为对象。这个方法非常实用，可以使我们在代码中快速创建对象。本文将详细介绍 Object.fromEntries() 的使用方法和示例代码，并探讨它的学习和指导意义。

Object.fromEntries() 的使用方法

Object.fromEntries() 方法接收一个包含键值对的数组作为参数，返回一个新的对象。如下所示：

// www.javascriptcn.com code example
const entries = [
  ['name', 'John'],
  ['age', 30],
  ['gender', 'male']
];

const obj = Object.fromEntries(entries);

console.log(obj);
// { name: 'John', age: 30, gender: 'male' }

在上面的例子中，我们首先创建了一个包含三个键值对的数组 entries，然后将它传递给 Object.fromEntries() 方法，得到一个包含相同键值对的新对象 obj。

需要注意的是，如果数组中存在重复的键，Object.fromEntries() 方法会将后面的键值对覆盖前面的键值对。例如：

// www.javascriptcn.com code example
const entries = [
  ['name', 'John'],
  ['age', 30],
  ['name', 'Mary']
];

const obj = Object.fromEntries(entries);

console.log(obj);
// { name: 'Mary', age: 30 }

在上面的例子中，数组中存在两个键为 'name' 的键值对，Object.fromEntries() 方法会将后面的键值对覆盖前面的键值对，因此最终得到的对象只有一个键值对 { name: 'Mary' }。

Object.fromEntries() 的示例代码

Object.fromEntries() 方法非常实用，可以帮助我们快速创建对象。下面是一些示例代码，展示了如何使用 Object.fromEntries() 方法：

示例 1：从 URL 参数字符串中创建对象

有时候我们需要从 URL 参数字符串中提取参数，并将它们转换为对象。使用 Object.fromEntries() 方法可以非常方便地实现这个功能。例如：

const urlParams = new URLSearchParams('?name=John&age=30&gender=male');
const entries = [...urlParams.entries()];
const obj = Object.fromEntries(entries);

console.log(obj);
// { name: 'John', age: '30', gender: 'male' }

在上面的例子中，我们首先创建了一个包含 URL 参数的字符串，然后使用 URLSearchParams() 构造函数创建了一个 URLSearchParams 对象。接着，我们将 URLSearchParams 对象中的键值对提取出来，转换为数组 entries，最后使用 Object.fromEntries() 方法将数组转换为对象 obj。

示例 2：将对象的键值对交换位置

有时候我们需要将对象的键值对交换位置，使用 Object.fromEntries() 方法可以非常方便地实现这个功能。例如：

const obj = { name: 'John', age: 30, gender: 'male' };
const entries = Object.entries(obj).map(([key, value]) => [value, key]);
const swappedObj = Object.fromEntries(entries);

console.log(swappedObj);
// { John: 'name', '30': 'age', male: 'gender' }

在上面的例子中，我们首先创建了一个对象 obj，然后使用 Object.entries() 方法将对象转换为包含键值对的数组。接着，我们使用 map() 方法将数组中的键值对交换位置，最后使用 Object.fromEntries() 方法将数组转换为对象 swappedObj。

示例 3：将多个对象合并为一个对象

有时候我们需要将多个对象合并为一个对象，使用 Object.fromEntries() 方法可以非常方便地实现这个功能。例如：

const obj1 = { name: 'John', age: 30 };
const obj2 = { gender: 'male', city: 'New York' };
const entries = [...Object.entries(obj1), ...Object.entries(obj2)];
const mergedObj = Object.fromEntries(entries);

console.log(mergedObj);
// { name: 'John', age: 30, gender: 'male', city: 'New York' }

在上面的例子中，我们首先创建了两个对象 obj1 和 obj2，然后使用 Object.entries() 方法将它们转换为包含键值对的数组。接着，我们使用扩展运算符将两个数组合并为一个数组 entries，最后使用 Object.fromEntries() 方法将数组转换为对象 mergedObj。

Object.fromEntries() 的学习和指导意义

Object.fromEntries() 方法是 ECMAScript 2019（ES10）中引入的一个新方法，它可以帮助我们快速创建对象。使用 Object.fromEntries() 方法可以使我们的代码更加简洁、易读和易维护。

Object.fromEntries() 方法的引入也反映了 JavaScript 语言的发展趋势。JavaScript 语言的发展趋势是向着更加简洁、易读和易维护的方向发展。随着 JavaScript 语言的不断发展，我们可以使用越来越多的语言特性来提高我们的开发效率。

因此，学习和掌握 Object.fromEntries() 方法对于我们成为一名优秀的前端工程师来说非常重要。我们需要不断学习和掌握新的语言特性，以提高我们的开发效率和工作质量。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/67d4921ba941bf713489ca12

ECMAScript 2019（ES10）：使用 Object.fromEntries() 来快速创建对象