English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript for statement

 Declaração de Sentenças e Variáveis do JavaScript

forA statement creates a loop that executes the specified statement as long as the calculation result of the condition (condition) is true.

Only whenCondition (condition)The loop will stop only when it becomes false.

JavaScript provides the following types of loops:

  • for -The code block is traversed several times in a loop

  • for...in-traverse the properties of an object

  • while-When the specified condition is true, the code block is traversed in a loop

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

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

语法:

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

浏览器兼容性

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

Statement
for

参数值

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

技术细节

JavaScript版本:ECMAScript 1

更多实例

以升序遍历数组:

var fruits = [;39;Apple;39, ;39;Mango;39, ;39;Banana;39, ;39;Orange;39;];
var txt = ;39;39;;
for (var i = 0; i < fruits.length;++) {
"; += fruits[i] + "<br>";
}
Teste e Veja‹/›

以降序循环遍历数组:

var fruits = [;39;Apple;39, ;39;Mango;39, ;39;Banana;39, ;39;Orange;39;];
var txt = ;39;39;;
for (var i = fruits.length -1; i >= 0; i--) {
"; += fruits[i] + "<br>";
}
Teste e Veja‹/›

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

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

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

var txt = "";
for (var row = 0; row < 10; row++) {
   ; row++) {
   "; +for (var col = 0; col < row; * = ""
   }
   "; +txt
}
Teste e Veja‹/›

= "<br>";3O seguinte função tem uma sentença break, quando i é

var text = "";
for (let i = 0; i < 6; i++) {
if (i === 3) {
   break;
}
text += "O número é " + i + "<br>";
}
Teste e Veja‹/›

O seguinte exemplo mostra um loop for com uma sentença continue, que termina o loop for quando o valor de i é3Execução em:

var text = "";
for (let i = 0; i < 6; i++) {
if (i === 3) {
   continue;
}
text += "O número é " + i + "<br>";
}
Teste e Veja‹/›

Referências Relacionadas

Referência do JavaScript:Sentença for... in do JavaScript

Referência do JavaScript:Sentença while do JavaScript

Referência do JavaScript:Sentença break do JavaScript

Referência do JavaScript:Sentença continue do JavaScript

 Declaração de Sentenças e Variáveis do JavaScript