本文提供多个 Javascript 循环示例，演示如何遍历数组。我们将使用 while、for、do...while、for...of、for...in 和 forEach 循环，并比较它们的不同之处。
示例：遍历包含 10 个数字的数组
我们使用一个包含数字 10 到 100 的数组作为示例数据。以下代码展示了如何使用不同的循环遍历此数组并打印每个元素：
1. while 循环:
立即学习“Java免费学习笔记（深入）”；
1
2
3
4
5
6
7
8
let v = [10, 20, 30, 40, 50, 60, 70, 80, 90, 100];
let i = 0;
console.log(while: );
while (i < v.length) {
console.log(`v[${i}]=`, v[i]);
i++;
}
2. for 循环:
1
2
3
4
5
6
let v = [10, 20, 30, 40, 50, 60, 70, 80, 90, 100];
console.log(for: );
for (let i = 0; i < v.length; i++) {
console.log(`v[${i}]=`, v[i]);
}
3. do...while 循环:
1
2
3
4
5
6
7
8
let v = [10, 20, 30, 40, 50, 60, 70, 80, 90, 100];
let i = 0;
console.log(do while: );
do {
console.log(`v[${i}]=`, v[i]);
i++;
} while (i < v.length);
4. for...of 循环:
1
2
3
4
5
6
let v = [10, 20, 30, 40, 50, 60, 70, 80, 90, 100];
console.log(for...of: );
for (let valor of v) {
console.log(`v[]=`, valor);
}
5. for...in 循环:
1
2
3
4
5
6
let v = [10, 20, 30, 40, 50, 60, 70, 80, 90, 100];
console.log(for...in: );
for (let i in v) {
console.log(`v[${i}]=`, v[i]);
}
6. forEach 方法:
1
2
3
4
5
6
let v = [10, 20, 30, 40, 50, 60, 70, 80, 90, 100];
console.log(forEach: );
v.forEach((valor, index) => {
console.log(`v[${index}]=`, valor);
});
这些示例展示了 Javascript 中处理数组的不同方法。选择哪种循环取决于具体的应用场景和个人偏好。 for...of 通常被认为是遍历数组元素最简洁和易读的方式。 forEach 提供了更灵活的方式，允许在回调函数中执行更多操作。
以上就是Javascript 中的重复循环的详细内容，更多请关注php中文网其它相关文章！