数组是 JavaScript 中用于存储多种数据类型元素的基本数据结构之一，它允许我们通过一个变量管理多个值。数组的有序性使得每个元素可以通过索引来访问。当我们需要使用 JavaScript 循环数组的每个元素执行某些操作时，循环是最有效的方式。
本篇文章将深入介绍几种常用的 JavaScript 数组遍历方法，帮助你在不同场景下选择最适合的方式。我们将使用以下数组作为例子：
const scores = [22, 54, 76, 92, 43, 33];
循环是一种用于重复执行某段代码的机制，直到满足指定条件。对于 JavaScript 的数组来说，我们可以利用循环来逐一访问每个元素，而不必手动编写多个索引。
那么，JavaScript 如何遍历数组呢？以下我们将介绍几种常见的 JavaScript 循环方法，帮助你灵活掌握数组遍历。
1. 使用 while 循环遍历 JavaScript 数组
while 循环是一种最基础的循环结构，它会在给定条件为真时重复执行代码块。在遍历数组时，我们可以使用数组的 length 属性来控制循环结束的条件。
let i = 0;
while (i < scores.length) {
console.log(scores[i]);
i++;
}
在上述代码中，循环会输出数组中的每个元素，直到索引 i 达到数组长度为止。输出结果为：
22
54
76
92
43
33
2. 使用 do...while 循环遍历 JavaScript 数组
do...while 循环与 while 类似，但它总是会先执行一次循环体，然后再检查条件。这意味着即使条件为假，循环体也会至少运行一次。
let i = 0;
do {
console.log(scores[i]);
i++;
} while (i < scores.length);
这段代码的输出与 while 循环相同。
3. 使用 for 循环遍历 JavaScript 数组
for 循环是最常见的循环方式，它在循环开始时定义变量、设定条件，并在每次循环后更新变量。
for (let i = 0; i < scores.length; i++) {
console.log(scores[i]);
}
这段代码的输出也是：
22
54
76
92
43
33
4. 使用 for...in 循环遍历 JavaScript 数组
for...in 循环用于遍历对象的属性，但在数组中它会遍历数组的索引。使用这种方式可以获取每个元素的索引，然后通过索引访问数组元素。
for (let i in scores) {
console.log(scores[i]);
}
输出结果与前面相同，但推荐使用其他方法来遍历数组，因为 for...in 通常适合对象的属性遍历。
5. 使用 for...of 循环遍历 JavaScript 数组
for...of 循环是 ES6 中引入的，它比 for...in 更适合遍历数组，因为它直接返回数组的每个元素，而不需要通过索引访问。
for (let score of scores) {
console.log(score);
}
输出结果：
22
54
76
92
43
33
这种方法简洁且直观，非常适合数组的遍历。
6. 使用 forEach() 方法遍历 JavaScript 数组
forEach() 是数组自带的迭代方法，它可以为数组的每个元素执行一次给定的函数。这种方式非常适合需要对每个元素执行复杂操作的场景。
scores.forEach((score) => {
console.log(score);
});
简洁写法：
scores.forEach((score) => console.log(score));
这段代码的输出与其他方法相同。
FAQ：JavaScript 遍历数组常见问题
1. 使用 for...of 和 forEach() 哪个更好？
for...of简洁且适合基本遍历任务。forEach()更灵活，适合在遍历过程中执行更多操作，甚至可以与外部函数配合使用。
2. 为什么不推荐使用 for...in 遍历数组？
for...in 更适合遍历对象的属性。在数组上使用它可能会导致意外的结果，尤其是如果数组的索引不是连续数字时。
小结
通过本篇文章，你可以了解 JavaScript 中多种循环数组的方式，并根据不同场景选择最佳方法。希望这些技巧能够帮助你写出更简洁、高效的代码！
