数组遍历利器：JavaScript 中的 for...in15

在 JavaScript 中，遍历数组是一个常见的操作。使用 for...in 循环是遍历数组最简单的方法之一。它通过循环数组中的每个属性（包括可枚举和不可枚举的属性）来工作，并为每个属性提供访问其值的变量。

for...in 循环的语法如下：```javascript
for (let key in object) {
// 代码块用来访问 object 的属性值
}
```

其中，key 是一个变量，用于存储 object 的每个属性名称。object 是要遍历的数组或对象。

使用 for...in 遍历数组

让我们来看一个使用 for...in 循环遍历数组的示例：```javascript
const numbers = [1, 2, 3, 4, 5];
for (let i in numbers) {
(numbers[i]);
}
```

这段代码将依次输出数组中的每个元素：```
1
2
3
4
5
```

需要注意的是，for...in 会遍历数组中的所有属性，包括数组的索引和 length 属性。因此，要只遍历数组元素，可以使用 for...of 循环。for...of 循环只遍历数组中的可迭代元素，不包括属性。

使用 for...of 遍历数组

for...of 循环是遍历数组的另一种方法。它通过循环数组中的每个元素（包括可迭代元素）来工作，并为每个元素提供访问其值的变量。

for...of 循环的语法如下：```javascript
for (let value of object) {
// 代码块用来访问 object 的元素值
}
```

其中，value 是一个变量，用于存储 object 的每个元素值。object 是要遍历的数组或对象。

使用 for...of 遍历数组示例

让我们来看一个使用 for...of 循环遍历数组的示例：```javascript
const numbers = [1, 2, 3, 4, 5];
for (let number of numbers) {
(number);
}
```

这段代码将依次输出数组中的每个元素：```
1
2
3
4
5
```

与 for...in 循环不同，for...of 循环只会遍历数组中的元素，不会遍历数组的属性。

for...in 和 for...of 循环是 JavaScript 中遍历数组的两种常见方法。for...in 循环遍历数组中的所有属性，包括索引和 length 属性，而 for...of 循环只遍历数组中的元素。选择哪种循环取决于你要遍历什么类型的数据。

2024-12-19

上一篇：[超链接JavaScript]

下一篇：JavaScript 中的 Type