Javascript 中的重复循环

本篇文章给大家分享《Javascript 中的重复循环》，覆盖了文章的常见基础知识，其实一个语言的全部知识点一篇文章是不可能说完的，但希望通过这些问题，让读者对自己的掌握程度有一定的认识(B 数)，从而弥补自己的不足，更好的掌握它。

本文提供多个 Javascript 循环示例，演示如何遍历数组。我们将使用 while、for、do...while、for...of、for...in 和 forEach 循环，并比较它们的不同之处。

示例：遍历包含 10 个数字的数组

我们使用一个包含数字 10 到 100 的数组作为示例数据。以下代码展示了如何使用不同的循环遍历此数组并打印每个元素：

1. while 循环:

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 循环:

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 循环:

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 循环:

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 循环:

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 方法:

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 循环！

理论要掌握，实操不能落！以上关于《Javascript 中的重复循环》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注golang学习网公众号吧！