JavaScript 中的 Object.entries()

介绍

Object.entries() 方法返回一个给定对象的所有键值对的数组。该数组的每个元素都是一个代表键值对的数组，其中第一个元素是键，第二个元素是对应的值。

该方法可以用来遍历一个对象的属性，并且可以在遍历时访问键和值。在ES2017 中被引入，因此较老的浏览器版本可能不支持。

语法

Object.entries(obj)

参数：

• obj：要返回其键值对的对象。

返回值：

• 一个包含对象中所有键值对的数组。每个数组元素是一个键值对数组。

示例

我们来看一个简单的例子：

const obj = { first: 'Jane', last: 'Doe', age: 25 };
console.log(Object.entries(obj));
// Output: [ ['first', 'Jane'], ['last', 'Doe'], ['age', 25] ]

该方法返回一个包含对象中所有键值对的数组。每个元素都是一个包含键和值的数组。上面的例子中，对象 { first: 'Jane', last: 'Doe', age: 25 } 被转换成了一个包含三个元素的数组。

接下来，我们可以使用 for...of 循环遍历该数组并访问每个键值对：

for (const [key, value] of Object.entries(obj)) {
  console.log(`${key} ${value}`);
}
// Output:
// first Jane
// last Doe
// age 25

在 for...of 循环中，我们使用解构语法将每个元素的第一个值（键）和第二个值（值）分别赋值给变量 key 和 value。

总结

Object.entries() 方法允许我们以数组形式访问对象的属性和对应的值。使用 for...of 循环可以让我们方便地遍历该数组并访问其中的键值对。因此，该方法为 JavaScript 开发者提供了一种更加灵活的方式来处理对象属性。