JavaScript for 语句

 JavaScript 语句和变量声明

for语句创建一个循环,只要测试条件(condition)的计算结果为true,该循环就执行指定的语句。

仅当条件(condition)变为false时,循环才会停止。

JavaScript提供以下几种循环:

  • for -循环遍历代码块若干次

  • for...in-遍历对象的属性

  • while-在指定条件为true时,循环遍历代码块

  • do...while -循环执行一次代码块,然后在指定条件为true时继续重复循环

使用break语句终止当前循环,并使用continue语句跳过循环中的值。

语法:

for (initialization; condition; final-expression) {
 //要执行的语句
 }
for (let n = 0; n < 5; n++) {
document.write("<br>The number is " + n);
}
测试看看‹/›

浏览器兼容性

所有浏览器均完全支持for语句:

Statement
for

参数值

参数描述
initialization(可选)在循环开始之前执行。 通常,此语句用于初始化计数器变量。 要启动多个值,请用逗号分隔每个值。
condition (可选)定义运行循环的条件。 通常,此语句用于评估计数器变量的条件。 如果返回true,则循环将重新开始;如果返回false,则循环将结束。 注意:如果省略,则条件始终为true。 这将使您的浏览器崩溃。
final-expression(可选)每次执行循环之后执行。通常,此语句用于递增或递减计数器变量。

技术细节

JavaScript版本:ECMAScript 1

更多实例

以升序遍历数组:

var fruits = ['Apple', 'Mango', 'Banana', 'Orange'];
var txt = '';
for (var i = 0; i < fruits.length; i++) {
txt += fruits[i] + "<br>";
}
测试看看‹/›

以降序循环遍历数组:

var fruits = ['Apple', 'Mango', 'Banana', 'Orange'];
var txt = '';
for (var i = fruits.length -1; i >= 0; i--) {
txt += fruits[i] + "<br>";
}
测试看看‹/›

循环遍历NodeList对象的节点,并更改列表中所有元素的背景色:

var x = document.querySelectorAll(".demo");
for (let i = 0; i < x.length; i++) {
x[i].style.backgroundColor = "coral";
}
测试看看‹/›

嵌套循环被用在大多数地方,它被用在矩阵乘法,显示表和许多其他地方:

var txt = "";
for (var row = 0; row < 10; row++) {
   for (var col = 0; col < row; col++) {
   txt += " * ";
   }
   txt += "<br>";
}
测试看看‹/›

以下函数具有一个break语句,当i为3时,该语句终止for循环:

var text = "";
for (let i = 0; i < 6; i++) {
if (i === 3) {
   break;
}
text += "The number is " + i + "<br>";
}
测试看看‹/›

以下示例显示了一个for循环,该循环具有一个continue语句,该语句在i的值为3时执行:

var text = "";
for (let i = 0; i < 6; i++) {
if (i === 3) {
   continue;
}
text += "The number is " + i + "<br>";
}
测试看看‹/›

相关参考

JavaScript参考:JavaScript for... in语句

JavaScript参考:JavaScript while语句

JavaScript参考:JavaScript break语句

JavaScript参考:JavaScript continue语句

 JavaScript 语句和变量声明