HTML DOM Attribute 对象 JavaScript 语句和声明

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 语句和变量声明

HTML DOM Attribute 对象 JavaScript 语句和声明