迹忆客 专注技术分享

本教程重点介绍 JavaScript for 循环，并使用示例在 for 循环中将变量增加 2。

JavaScript 中的循环

编程语言使用循环来重复一段代码。JavaScript 循环用于使用 for、while、do-while 或 for-in 循环遍历代码部分。

它使代码紧凑。它主要用于数组中。

如果要显示数学表，可以使用循环。这只是一个简单的例子；你可以用循环实现更多。

JavaScript 支持四种类型的循环。

1. for 循环
2. do-while 循环
3. for-in 循环
4. while 循环

在 JavaScript 的 for 循环中增加 2

for 语句使用括号中的三个可选表达式创建一个循环，并用分号分隔。然后，一个语句（通常是一个 block 语句）在循环内运行。

语法：

for ($initialization; $condition; $final - expression) {
  // execute the code inside it
}

$Initialization 是一个变量声明，其中包含在循环开始之前计算一次的赋值表达式。这个变量一般用来初始化一个变量。

该表达式可以使用可选的关键字 var 或 let 声明新变量。

用 var 声明的变量不是循环的局部变量；它们与 for 循环在同一范围内。用 let 声明的变量是声明的局部变量。

使用 const 而不是 let 或 var 将引发错误 Uncaught TypeError: Assignment to constant variable。

$condition 是一个必须在每次循环迭代之前计算的表达式。这是一个可选的表达式。

默认情况下，条件始终评估为真。仅当此表达式的计算结果为 true 时，才会执行代码/语句。

如果表达式的计算结果为 false，则执行会跳过块内写入的代码/语句。

$final-expression 是在每次循环迭代结束时计算的表达式。此表达式在条件的下一次评估之前执行。

它通常用于递增或递减计数器变量。你可以在此处找到有关 for 循环的更多信息。

例子：

for (let i = 0; i <= 15; i += 3) {
  console.log('Printing every third element', i)
}

在上面的代码中，我们将变量 i 初始化为 0。条件是直到 i 小于或等于 15，for 循环将继续工作并执行其中的代码。

执行代码后，最终表达式通过将 3 添加到当前值来更新 i 变量。你可以按任意数字更新变量。

在浏览器中运行上述代码后，它将运行 for 循环 6 次，直到 i 小于或等于 15。输出将如下所示。

输出：

"Printing every third element", 0
"Printing every third element", 3
"Printing every third element", 6
"Printing every third element", 9
"Printing every third element", 12
"Printing every third element", 15