首頁 > web前端 > js教程 > 主體

掌握 JavaScript 中的循環:綜合指南

Susan Sarandon
發布: 2024-11-02 05:52:29
原創
446 人瀏覽過

MASTERING LOOPS IN JAVASCRIPT: A COMPREHENSIVE GUIDE

循環是程式設計的基礎:使我們能夠用最少的程式碼執行重複性任務。無論您是剛入門的初學者,還是希望精煉知識的經驗豐富的開發人員,理解循環都將大大增強您編寫高效、乾淨且有趣的程式碼的能力。

在本指南中,我們將深入研究不同類型的循環、它們在流行程式語言中的語法,以及有關何時以及如何有效使用它們的一些提示。

什麼是循環?

循環是一種程式設計結構/函數,它允許我們重複一組指令,直到滿足特定條件。透過使用循環,我們可以避免重複、處理大型資料集並有效地機械化任務。 JavaScript 中使用迴圈來根據條件執行重複任務,此條件通常會傳回 true 或 false。

常見用例包括:

  • 迭代列表或陣列
  • 運行程式碼一定次數
  • 搜尋集合中的特定項目
  • 執行某個操作,直到滿足條件

循環型

  1. For 循環
  2. While 循環
  3. Do-While 迴圈
  4. For...Of 循環
  5. For...In 循環
  6. 巢狀循環

大多數程式語言中通常存在三種主要類型的循環:

  1. For 循環
  2. While 循環
  3. Do-While 迴圈

讓我們來分解一下每種類型。

  1. For 循環

當您預先知道需要執行一段程式碼多少次時,可以使用 for 循環,它非常適合迭代數組或集合。

語法(JavaScript 範例):

範例1:

for i in range(5);
    print("Hello, World!");
登入後複製
登入後複製

在此範例中,range(5) 產生一個從 0 到 4 的序列。循環將運行五次,列印“Hello, World!”每次。

範例2:

for(let i = 0; i <= 10; i++) {
    console.log(i);
}
登入後複製
登入後複製

在此範例中,它指出;如果等於 0 的 i 小於或等於 10,則令 i = 0;增量(i)。這個 JavaScript 運算子()將傳回原始值並循環直到 10。

範例3:

for(let i = 0; i <= 10; i++) {
    console.log(`for Loop Number: ${i}`);
}
登入後複製
登入後複製

此範例實際上與前面的範例相同,不同之處在於使用美元符號 ($) 和反引號來提供將文字「For Loop Number」新增至迴圈的功能。

範例 4:

for (let i = 20; i >= 0; i--){
    console.log(i)
}
登入後複製
登入後複製

在此範例中,它指出,令 i = 20;如果 i 大於或等於 0 則減量。自減運算將數字減 1,它使用 --operator。

何時使用:

當您知道確切的迭代次數或需要迭代列表、字典或陣列中的元素時,請使用 for 迴圈。

  1. While 循環

事先不知道迭代次數時,使用 while 迴圈。相反,循環將繼續下去,直到不再滿足指定的條件。 while 迴圈的不同之處在於您在外部設定變數。

語法(JavaScript 範例):

範例1:

for i in range(5);
    print("Hello, World!");
登入後複製
登入後複製

在這個例子中可以看出變數是在外部設定的,它聲明let i = 0;如果i 小於10 增量(i ),則使用美元符號($)和反引號來配置文字「For While Loop」。

範例2:

for(let i = 0; i <= 10; i++) {
    console.log(i);
}
登入後複製
登入後複製

在此範例中,程式碼將變數 Johnpaul 初始化為 0,並使用 while 迴圈列印「Hello, World!」直到約翰保羅滿 5 歲。

何時使用:

當迭代次數未知或取決於迴圈內可能發生變化的條件時,請使用 while 迴圈。它通常用於需要持續檢查的任務,例如等待使用者輸入。

  1. Do-While 迴圈

do-while 迴圈與 while 迴圈類似,但它保證循環內的程式碼在測試條件之前至少運行一次。這種類型的循環並非在所有語言(例如 Python)中都可用,但在 JavaScript、C 和 Java 中很常見。

語法(JavaScript 範例):

範例1:

for(let i = 0; i <= 10; i++) {
    console.log(`for Loop Number: ${i}`);
}
登入後複製
登入後複製

在這種情況下,「你好,世界!」將在評估條件 (Jude < 5) 之前列印一次。

範例2:

for (let i = 20; i >= 0; i--){
    console.log(i)
}
登入後複製
登入後複製

在此範例中,數字初始化/等於 1。然後運行 do 區塊,列印“當前數字是:”,後面跟著數字的值。列印後,number 增加 1,只要條件(number

何時使用:

當無論條件如何都需要循環體至少執行一次時,請使用 do-while 迴圈。對於在循環內進行初始化的任務非常有用。

選出正確的循環

  • For 循環:當您知道確切的迭代次數或需要
    迭代元素。

  • While 迴圈:當迭代次數未知且取決於
    時 狀況。

  • Do-While 迴圈:當您希望迴圈體之前至少執行一次時,即使條件最初為 false。

循環控制:中斷與繼續

在大多數程式語言中,都有控制語句來管理迴圈執行:

  • Break:立即退出循環。
  • 繼續:跳過目前迭代並移至下一個迭代。

範例:

let i = 0;
while(i < 10){
console.log(`for while Number: ${i}`);

i++;
}

登入後複製

說明:

  • 循環從 0 迭代到 9。
  • 當 i 為 5 時,break 停止循環。
  • 如果 i 是偶數,則繼續跳到下一次迭代而不列印。
  • 僅列印 5 以下的奇數。

循環的常見錯誤

  1. 無限循環:當循環的退出條件永遠不
    時就會發生這種情況 遇見了。例如忘記在 while 迴圈中增加計數器。

  2. 差一錯誤:當範圍不
    時,常發生在for循環中 設定正確。

  3. 不必要的循環:使用最佳化操作或內建函數可以提高效率的循環。

最佳實踐

  • 使用描述性變數:使用 i、a 或 b 等通用名稱,
    儘管不是描述性的,但也算數。而是使用描述性變數名稱
    如果可能的話,如 John、main、count、Jude、Johnpaul 等,
    特別是對於嵌套循環。

  • 考慮效能:在大型資料庫上運行的循環可能會減慢
    程式.尋找最佳化,例如陣列
    中的列表推導式 JavaScript 中的方法。

結論

循環是程式設計中必不可少的工具,使您能夠自動執行重複任務並輕鬆處理複雜的資料庫。透過掌握 for、while 和 do-while 循環,您將能夠應對各種程式設計挑戰。

希望這有幫助!如果您希望我添加具體的細節或範例,請告訴我,如果您在運行程式碼時遇到任何困難/問題,請向我詢問,我很樂意為您提供協助。

編碼快樂!

以上是掌握 JavaScript 中的循環:綜合指南的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!