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