Javascript 中的重复循环-js教程-PHP中文网

Javascript 中的重复循环

碧海醫心

发布： 2024-12-18 11:07:11

原创

542人浏览过

javascript 中的重复循环

本文提供多个 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 循环:

降重鸟

要想效果好，就用降重鸟。AI改写智能降低AIGC率和重复率。

113

查看详情

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

以上就是Javascript 中的重复循环的详细内容，更多请关注php中文网其它相关文章！