在 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