資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會研究
服裝研究
法律研究JavaScript陣列迴圈
陣列是一種線性資料結構，可以儲存不同資料型別的元素。陣列也被定義為有序集合。在陣列中，每個值被稱為一個元素，並且可以透過索引號來標識。
const array_name = [item1, item2, ...]; const movies = [Bahubali, RRR, KGF, Pushpa]; //Index values of above elements Bahubali – [0] RRR – [1] KGF – [2] Pushpa – [3]
迴圈是一種程式設計元素，迴圈中定義了一系列指令，並將繼續迭代，直到滿足迴圈中的條件。編碼中會存在重複的情況，在這些情況下，我們使用迴圈來節省時間並減少錯誤。
語法
for (statement 1; statement 2; statement 3) {
// program block to be executed
}
語句1只會在程式塊執行之前執行一次。
語句2將描述程式塊執行的條件。
語句3將在程式塊執行後每次執行。
while迴圈
while迴圈可以用於JavaScript陣列。迴圈將檢查括號()內宣告的條件；如果滿足條件，則返回true；如果不滿足條件，則返回false，迴圈將終止。
如果希望迴圈迭代到陣列的最後一個元素，可以使用length屬性。
示例
在下面的示例中，我們對陣列使用了while迴圈和length屬性來到達陣列的末尾。
<html> <head> <title>Using While loop in JavaScript array</title> </head> <body> <script> const emp_id = [1180, 1181, 1182, 1183, 1184, 1185, 1186]; let i = 0; while (i < emp_id.length) { document.write(emp_id[i]); document.write("<br>"); i++; } </script> </body> </html>
輸出
上述指令碼的輸出將是：
1180 1181 1182 1183 1184 1185 1186
do…while迴圈
這個do…while迴圈與while迴圈幾乎相同。do…while迴圈將在執行迴圈中提到的條件之前執行主體，因此比while迴圈多執行一次。
示例
在下面的程式中，我們對陣列執行了do…while迴圈以迭代每個元素。
<!DOCTYPE html> <html> <head> <title>Using do...while loop in JavaScript array</title> </head> <body> <script> const emp_id = [1180, 1181, 1182, 1183, 1184, 1185, 1186]; let i = 0; do { document.write(emp_id[i]); document.write("<br>"); i++; } while (i < emp_id.length); </script> </body> </html>
輸出
上述指令碼的輸出將是：
1180 1181 1182 1183 1184 1185 1186
示例
讓我們考慮這種情況，我們給索引變數i=7輸入值，它將在停止之前執行迴圈一次，即使陣列中不存在索引變數，也會返回undefined作為輸出。
<!DOCTYPE html> <html> <head> <title>Using do...while loop in JavaScript array</title> </head> <body> <script> const emp_id = [1180, 1181, 1182, 1183, 1184, 1185, 1186]; let i = 0; do { document.write(emp_id[i]); document.write("<br>"); i++; } while (i < emp_id.length); </script> </body> </html>
輸出
上述指令碼的輸出將是：
1180 1181 1182 1183 1184 1185 1186
for迴圈
在for迴圈中，初始化、條件和迭代都將在迴圈的括號內宣告。初始化一個值以迭代地執行迴圈內的語句，直到不滿足條件為止。
示例
在下面的示例中，我們對陣列執行了for迴圈。它檢查條件，然後開始執行迴圈內的程式碼，直到滿足條件。
<html> <head> <title>Using for loop in JavaScript array</title> </head> <body> <script> const emp_id = [100, 200, 300, 400, 500, 600, 700]; for (let i = 0; i < emp_id.length; i++) { document.write(emp_id[i]); document.write("<br>"); } </script> </body> </html>
輸出
上述指令碼的輸出將是：
100 200 300 400 500 600 700
for…in迴圈
for...in迴圈是一種更簡單的遍歷陣列的方法，因為它提供了鍵，我們可以用它從陣列中檢索資料。
示例
在下面的示例中，我們在JavaScript陣列中使用了for…in迴圈。
<html> <head> <title>Using for...in loop in JavaScript array</title> </head> <body> <script> const emp_id = [7, 10, 18, 17, 45, 99, 333]; for (i in emp_id) { document.write(emp_id[i]); document.write("<br>"); } </script> </body> </html>
輸出
上述指令碼的輸出將是：
7 10 18 17 45 99 333
for…of迴圈
for…of迴圈是遍歷陣列最簡單的方法之一。它將自己獲取元素，而不是獲取鍵。並且它的語法與for…in迴圈類似。
示例
在這個示例中，我們在JavaScript陣列中使用了for…of迴圈。我們不再需要使用索引來獲取陣列的每個元素，因為它獲取陣列的每個元素。
<html> <head> <title>Using for...in loop in JavaScript array</title> </head> <body> <script> const prime_num = [2, 3, 5, 7, 11, 13, 17, 19]; for (output of prime_num) { document.write(output); document.write("<br>"); } </script> </body> </html>
輸出
上述指令碼的輸出將是：
2 3 5 7 11 13 17 19
488 次瀏覽
