Dotcpp  >  编程教程  >  JavaScript基础语法及数据类型  >  JS for循环

JS for循环

点击打开在线编译器,边学边练

循环语句在 JavaScript 中是非常重要的,它们能够帮助我们以更简洁和高效的方式处理重复性的任务。当我们需要遍历、迭代或重复执行某段代码时,循环语句是开发人员的首选。

循环语句可以根据条件来控制代码块的重复执行。在每次循环迭代中,代码块会被执行一次,直到满足指定的终止条件为止。

在 JavaScript 中,常用的循环语句有以下几种:

JS  for循环

for循环可以按照指定的条件重复执行一个代码块。它的基本语法如下:

for (初始化; 条件; 迭代) {
  // 循环体代码块
}

其中:

初始化 是循环变量的初始值;

条件 是循环继续执行的条件;

迭代 是每次循环后对循环变量进行的操作。

在 条件 为 true 的情况下,循环体代码块会被反复执行,直到 条件 变为 false。

示例:

使用for循环前:

document.write(arr[0] + "<br>");
document.write(arr[1] + "<br>");
document.write(arr[2] + "<br>");
document.write(arr[3] + "<br>");
document.write(arr[4] + "<br>");
document.write(arr[5] + "<br>");

使用for循环后:

var arr = [1, 2, 3, 4, 5];
for (var i = 0; i < arr.length; i++) {
  console.log(arr[i]);//结果 遍历数组
}

在这个例子中,我们使用 for 循环遍历了数组 arr。首先通过 var i = 0 初始化了循环变量 i,然后设置了循环的条件为 i < arr.length,即当 i 小于数组长度时继续执行循环体。在每次循环迭代之后,通过 i++ 递增 i 的值。循环体中的代码通过 console.log(arr[i]) 打印出了数组元素的值。

for 循环还可以嵌套使用,用于处理更复杂的迭代逻辑。例如,可以使用两层 for 循环来遍历二维数组或完成其他多重迭代任务。

需要注意的是,循环变量的作用域在整个循环语句块内都是有效的。在每次循环迭代时,循环变量会重新赋值,并在下一次迭代时更新。在循环结束后,循环变量不再存在。

for 循环是实现迭代和处理重复任务的常用工具,我们可以根据具体需求来设置初始化、条件和迭代部分,以控制循环的执行次数和行为。

for循环注重循环次数,下一节我们介绍另外一个重要的循环。

 


本文固定URL:https://www.dotcpp.com/course/1289

上一课:

JS if else条件语句

下一课:

JS While循环

JavaScript教程
第一章 JavaScript入门
第二章 JavaScript基础语法及数据类型
第三章 JavaScript函数
第四章 JavaScript类
第五章 JS高级教程
第六章 JS Window
第七章 JS库
Dotcpp在线编译      (登录可减少运行等待时间)