在 ES10 中正确的使用 Object.entries() 和 Object.fromEntries()-JavaScript中文网-JavaScript教程资源分享门户

ES10 是 JavaScript 语言的最新版本，带来了许多令人兴奋的新功能和 API，其中包括 Object.entries() 和 Object.fromEntries() 两个方法。这两个方法可以帮助开发者更方便地处理对象的键值对，并提高代码的可读性和可维护性。本文将详细介绍 Object.entries() 和 Object.fromEntries() 的用法以及其实际应用场景。

Object.entries()

Object.entries() 方法将对象转换为由键值对组成的数组。它接收一个对象作为参数，返回一个由对象的键值对组成的二维数组。其中，每个子数组的第一个元素为对象的键，第二个元素为对象的值。让我们看一个例子：

const obj = { a: 1, b: 2, c: 3 };
const entries = Object.entries(obj);

console.log(entries);
// 输出：[ [ 'a', 1 ], [ 'b', 2 ], [ 'c', 3 ] ]

在上面的例子中，我们创建了一个包含三个键值对的对象，然后使用 Object.entries() 方法将其转换为由键值对组成的数组。最后，我们使用 console.log() 方法将该数组输出到控制台。输出结果表明，Object.entries() 方法已成功地将对象转换为数组。

Object.entries() 方法提供了一个便捷的方式来遍历对象的键值对。例如，可以将它用于迭代一个对象中的所有键值对，然后执行某些操作。下面的代码演示了如何使用 Object.entries() 方法来遍历一个对象中的所有键值对：

// javascriptcn.com 代码示例
const obj = { a: 1, b: 2, c: 3 };

for (const [key, value] of Object.entries(obj)) {
  console.log(`${key}: ${value}`);
}
// 输出：
// a: 1
// b: 2
// c: 3

在上面的例子中，我们使用 for...of 循环迭代 obj 对象中的每个键值对。我们使用了解构赋值语法来将每个键值对分别存储为变量 key 和 value，然后在循环体中使用 console.log() 方法输出它们。

Object.fromEntries()

Object.fromEntries() 方法接收一个键值对数组，并返回一个由这些键值对组成的对象。这个方法的作用与 Object.entries() 方法相反。例如，如果给定以下数组：

const entries = [ [ 'a', 1 ], [ 'b', 2 ], [ 'c', 3 ] ];

我们可以使用 Object.fromEntries() 方法将它转换为一个对象：

const obj = Object.fromEntries(entries);

console.log(obj);
// 输出：{ a: 1, b: 2, c: 3 }

在上面的例子中，我们使用 Object.fromEntries() 方法将键值对数组 entries 转换为一个对象。输出结果表明，Object.fromEntries() 方法已成功地将数组转换为对象。

实际上，Object.fromEntries() 方法在某些情况下可以帮助开发者简化代码。在下面的代码中，我们使用该方法来将数组中包含的对象转换为一个对象：

// javascriptcn.com 代码示例
const arr = [
  { key: 'a', value: 1 },
  { key: 'b', value: 2 },
  { key: 'c', value: 3 }
];

const obj = Object.fromEntries(
  arr.map(item => [item.key, item.value])
);

console.log(obj);
// 输出：{ a: 1, b: 2, c: 3 }

在上面的例子中，我们使用了 Array.map() 方法将原始数组 arr 中的每个对象转换为一个由该对象的 key 和 value 组成的数组。然后，我们使用 Object.fromEntries() 方法将这些键值对数组转换为一个对象。输出结果表明，该方法已成功地将数组转换为对象。

总结

Object.entries() 和 Object.fromEntries() 方法可以帮助开发者更方便地处理对象的键值对，并提高代码的可读性和可维护性。Object.entries() 方法可以将对象转换为由键值对组成的数组，从而简化对象的遍历。Object.fromEntries() 方法则可以将键值对数组转换为对象，从而简化对象的创建。在实际应用中，这些方法具有广泛的应用场景。小心使用它们，并确保将它们合理地整合到您的代码中，以提高您的开发效率。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/653ce3a87d4982a6eb6d8077