如何在JavaScript中迭代（键、值）？

在JavaScript中，迭代对象的键（keys）和值（values）是一项常见的任务。这在处理数据结构时非常有用，例如在遍历数组或对象时查找特定的元素。本文将介绍如何在JavaScript中迭代对象的键和值，并提供一些示例代码。

迭代对象的键

要迭代JavaScript对象的键，可以使用for...in语句。它的语法如下：

for (var key in object) {
  // do something with object[key]
}

在上面的代码中，key表示当前对象的键。object则表示要迭代的对象。

下面是一个简单的示例，演示如何使用for...in循环迭代对象的键：

var car = {make: "Honda", model: "Civic", year: 2010};

for (var key in car) {
  console.log(key);
}

输出结果将为：

make
model
year

请注意，for...in循环不保证以特定顺序遍历对象中的属性。如果您需要按照特定顺序访问对象的属性，则应该使用其他方法。

迭代对象的值

如果要迭代JavaScript对象的值，可以使用for...in或for...of语句。for...in语句已经在上一节中进行了介绍，下面将介绍for...of语句。

使用for...of循环迭代对象的值时，需要先将对象转换为一个数组。这可以通过使用Object.values()方法来实现。Object.values()方法返回一个包含对象属性值的数组。

下面是一个简单的示例，演示如何使用for...of循环迭代对象的值：

var car = {make: "Honda", model: "Civic", year: 2010};

for (var value of Object.values(car)) {
  console.log(value);
}

输出结果将为：

Honda
Civic
2010

迭代对象的键值对

如果要同时迭代JavaScript对象的键和值，则应该使用Object.entries()方法。Object.entries()方法返回一个包含每个键值对的数组。

下面是一个简单的示例，演示如何使用for...of循环迭代对象的键值对：

var car = {make: "Honda", model: "Civic", year: 2010};

for (var [key, value] of Object.entries(car)) {
  console.log(`${key}: ${value}`);
}

输出结果将为：

make: Honda
model: Civic
year: 2010

总结

在本文中，我们介绍了如何在JavaScript中迭代对象的键、值和键值对。for...in循环常用于迭代对象的键，而for...of循环则可用于迭代对象的值和键值对。Object.entries()和Object.values()方法可用于将对象转换为数组，并且非常适用于迭代对象的键值对或值。希望这些示例代码能够帮助您更好地理解如何在JavaScript中进行迭代操作。

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