在 JavaScript 的 for 循环中以 2 为单位递增

Shraddha Paghdar 2023年10月12日
  1. JavaScript 中的循环
  2. 在 JavaScript 的 for 循环中增加 2
在 JavaScript 的 for 循环中以 2 为单位递增

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

JavaScript 中的循环

编程语言使用循环来重复一段代码。JavaScript 循环用于使用 forwhiledo-whilefor-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 是一个变量声明,其中包含在循环开始之前计算一次的赋值表达式。这个变量一般用来初始化一个变量。

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

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

使用 const 而不是 letvar 将引发错误 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
Shraddha Paghdar avatar Shraddha Paghdar avatar

Shraddha is a JavaScript nerd that utilises it for everything from experimenting to assisting individuals and businesses with day-to-day operations and business growth. She is a writer, chef, and computer programmer. As a senior MEAN/MERN stack developer and project manager with more than 4 years of experience in this sector, she now handles multiple projects. She has been producing technical writing for at least a year and a half. She enjoys coming up with fresh, innovative ideas.

LinkedIn

相关文章 - JavaScript Loop