JavaScript 中的巢狀迴圈

Harshit Jindal 2021年8月10日 2021年3月21日 JavaScript JavaScript Loop
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。

相關文章 - JavaScript Loop

  • 在 JavaScript 中使用異常終止一個 forEach 迴圈
  • JavaScript 中的 setInterval 迴圈
  • JavaScript for...in VS for...of 迴圈
  • JavaScript 中的無限迴圈
  • 在 JavaScript 的 for 迴圈中以 2 為單位遞增
  • 在 JavaScript 中退出 for 迴圈