JavaScript 中的巢狀迴圈

Harshit Jindal 2023年10月12日
JavaScript 中的巢狀迴圈

本教程介紹了 JavaScript 中的巢狀迴圈的概念。迴圈是一種程式設計結構,用於迭代一系列資料或重複執行相同的操作,直到滿足特定條件或持續一定的時間,而無需一次又一次地明確編寫程式碼。巢狀的 for 迴圈是迴圈的組成。我們可以在一個迴圈中存在一個或多個迴圈。巢狀的迴圈稱為內部迴圈,而包含巢狀迴圈的迴圈稱為外部迴圈。

執行總是從外迴圈開始,然後向下移動巢狀迴圈。內部迴圈在外部迴圈的每次迭代中完全執行。我們可以將巢狀迴圈的語法大致定義為:

Outerloop {
  Innerloop {
    // statements to execute inside inner loop
  }
  // statements to execute inside outer loop
}

迴圈可以是任何型別,例如 for 迴圈,while 迴圈或 do-while 迴圈。

讓我們考慮一個 2D 陣列 arr[2][3] = [[1,2],[3,4],[5,6]],我們想列印所有元素。為此,我們將需要兩個迴圈。一種迭代所有子陣列並迭代這些子陣列中的所有元素的方法。

function print(arr) {
  for (let i = 0; i < arr.length; i++) {
    for (let j = 0; j < arr[i].length; j++) {
      console.log(arr[i][j]);
    }
  }
  return;
}

輸出:

1
2
3
4
5
6

我們遍歷陣列中存在的所有子陣列。

  • 第一次迭代 i=0:
    • 內迴圈迭代 1:j=0 列印 1
    • 內迴圈迭代 2:j=1 列印 2。
  • 第二次迭代 i=1:
    • 內迴圈迭代 1:j=0 列印 3
    • 內迴圈迭代 2:j=1 列印 4。
  • 第三次迭代 i=2:
    • 內迴圈迭代 1:j=0 列印 5。
    • 內迴圈迭代 2:j=1 列印 6。
作者: Harshit Jindal
Harshit Jindal avatar Harshit Jindal avatar

Harshit Jindal has done his Bachelors in Computer Science Engineering(2021) from DTU. He has always been a problem solver and now turned that into his profession. Currently working at M365 Cloud Security team(Torus) on Cloud Security Services and Datacenter Buildout Automation.

LinkedIn

相關文章 - JavaScript Loop