JavaScript 中的巢狀迴圈
Harshit Jindal
2021年8月10日
2021年3月21日
本教程介紹了 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。
-
Author: Harshit Jindal
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