ES9 中的快速对象枚举方法 Object.entries() 和 Object.values()-JavaScript中文网-JavaScript教程资源分享门户

ES9 引入了两个新的对象枚举方法：Object.entries() 和 Object.values()。这两个方法可以让我们更加方便地遍历对象的属性和值。

Object.entries()

Object.entries() 方法返回一个由对象自身可枚举属性的 [key, value] 数组构成的数组。它的语法如下：

Object.entries(obj)

其中，obj 是要被遍历的对象。该方法返回的数组中，每个元素都是一个形如 [key, value] 的数组，其中 key 是对象的属性名，value 是属性对应的值。

下面是一个示例：

const obj = { foo: 'bar', baz: 42 };
console.log(Object.entries(obj)); // [ [ 'foo', 'bar' ], [ 'baz', 42 ] ]

该方法返回的数组中，元素的顺序与对象属性的遍历顺序相同。

Object.values()

Object.values() 方法返回一个由对象自身可枚举属性的值构成的数组。它的语法如下：

Object.values(obj)

其中，obj 是要被遍历的对象。该方法返回的数组中，每个元素都是对象属性对应的值。

下面是一个示例：

const obj = { foo: 'bar', baz: 42 };
console.log(Object.values(obj)); // [ 'bar', 42 ]

该方法返回的数组中，元素的顺序与对象属性的遍历顺序相同。

使用示例

下面是一个使用 Object.entries() 和 Object.values() 的示例代码：

// javascriptcn.com 代码示例
const obj = { foo: 'bar', baz: 42 };

// 遍历对象的属性和值
for (const [key, value] of Object.entries(obj)) {
  console.log(`${key}: ${value}`);
}

// 遍历对象的值
for (const value of Object.values(obj)) {
  console.log(value);
}

该示例代码中，我们首先使用 Object.entries() 遍历了对象的属性和值，并将每个属性和值都打印出来了。然后，我们使用 Object.values() 遍历了对象的值，并将每个值都打印出来了。

总结

Object.entries() 和 Object.values() 是 ES9 中新增的两个对象枚举方法，它们可以让我们更加方便地遍历对象的属性和值。在实际开发中，我们可以使用它们来简化代码，提高开发效率。

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