JavaScript中for-in遍历方式示例介绍

什么是for-in循环？

JavaScript中的for-in循环语句是一种遍历对象的方式，它是通过遍历对象的所有属性来实现的。在for-in循环中，循环会遍历对象的所有可枚举属性，包括自身属性和从原型链上继承的属性。

for-in循环语法

for-in语句的语法如下：

for (variable in object) {
   // code to be executed
}

其中，variable是定义的变量，用于存储每个属性的名称。object是要遍历的对象。

for-in循环示例1

下面是一个使用for-in循环来遍历一个对象属性的示例：

let person = {name:"John", age:30, city:"New York"};
for (let key in person) {
  console.log(key + " - " + person[key]);
}

输出结果为：

name - John
age - 30
city - New York

在此示例中，我们使用for-in循环遍历了一个名为person的对象的属性。对于每个属性名，我们将该属性名和对应的属性值（即person[key]）打印到控制台上。

for-in循环示例2

下面是一个使用for-in循环遍历数组元素的示例：

let arr = [1, 3, 5, 7];
for (let index in arr) {
  console.log(arr[index]);
}

输出结果为：

1
3
5
7

在此示例中，我们使用for-in循环遍历了一个名为arr的数组的元素。对于每个索引，我们将该索引对应的元素值（即arr[index]）打印到控制台上。

总结

for-in循环是JavaScript中遍历对象属性的一种方式。我们可以使用它来遍历对象的属性值，也可以使用它遍历数组的元素值。注意，在使用for-in循环遍历对象时，我们需要注意原型链上的属性也会被遍历到。