JavaScript Object.entries()

在 JavaScript 中，我们可以使用 Object.entries() 方法将对象的键/值对转换为一个由数组对象组成的数组，以便我们更方便地对它们进行处理。该方法包含在 ECMAScript 2017 中，并支持所有现代浏览器。

语法

Object.entries(obj)

参数：

• obj：要转换为数组的对象。

返回值：

• 一个由数组对象组成的数组，其中每个数组对象包含对象的键/值对。

用法

让我们看一下这个简单的示例：

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

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

上述代码中，我们首先定义了一个包含三个键/值对的对象。然后，我们使用 Object.entries() 方法将其转换为一个由三个数组对象组成的数组，并将其存储在 arr 变量中。最后，我们打印这个数组，看看它的内容。

我们可以像下面这样处理结果数组中的每个数组对象来访问它们的键和值：

arr.forEach(([key, value]) => {
  console.log(key);   // 输出：a, b, c
  console.log(value); // 输出：1, 2, 3
});

在上面的示例中，我们使用 forEach() 方法遍历结果数组中的每个数组对象。由于每个数组对象中包含两个元素，即键和值，所以我们使用数组解构将其拆分为两个变量：key（键）和 value（值）。最后，我们打印这些变量。

注意事项

• Object.entries() 方法不会更改原始对象。它返回一个新的数组，其中每个元素都是一个数组对象，该对象包含原始对象的每个键/值对。

• 如果传入的参数不是对象，则 Object.entries() 方法将抛出 TypeError。

• 对于传入的对象的属性，Object.entries() 方法使用内部的 [[Enumerable]] 属性来确定对象属性是否可枚举。如果属性不可枚举，则它将被忽略。

总结

Object.entries() 方法是一个非常有用的 JavaScript 对象/数组变换方法。它可以将对象的键/值对转换为一个方便处理的相应数组。在实现 JavaScript 应用程序时，可以使用它来方便地处理和操作对象的属性数据。