JavaScript 循環控制含代碼

在編程語言中，循環控制結構非常重要。愛掏網 - it200.com它們允許我們重復執行一個或多個語句一定數量的次數，或者基于某些條件重復執行這些語句。愛掏網 - it200.comJavaScript也有循環控制結構，可以幫助我們在需要時重復執行代碼塊。愛掏網 - it200.com

for 循環

for循環在JavaScript中是最常見和流行的循環之一。愛掏網 - it200.com當需要重復執行一個代碼塊，且已知執行該代碼塊的次數時，for循環就會變得非常有用。愛掏網 - it200.com

以下是for循環的語法：

for (initialize; condition; increment/decrement) {
  // code to be executed
}

解釋：

• 初始化：在循環開始時執行一次的語句。愛掏網 - it200.com
• 條件：定義循環要重復執行多少次的條件。愛掏網 - it200.com如果該條件為真，則繼續重復執行，否則退出循環。愛掏網 - it200.com這是關鍵的部分之一。愛掏網 - it200.com
• 增量/減量：在每次循環之后執行的語句。愛掏網 - it200.com

看一個例子：

for (let i = 0; i < 10; i++) {
  console.log(i);
}

在上面代碼中，我們初始化變量i為0。愛掏網 - it200.com然后指定了一個條件，即i必須小于10，只要滿足條件，就會重復執行代碼塊。愛掏網 - it200.com每次迭代后，i增加1，直到達到指定的最終值。愛掏網 - it200.com

while 循環

while循環是另一個常見的循環，它允許您執行代碼塊，直到滿足指定的條件為止。愛掏網 - it200.com

以下是while循環的語法：

while (condition) {
  // code to be executed
}

解釋：

• condition： 指定將要執行的代碼塊需要滿足的條件。愛掏網 - it200.com如果條件為true，將一直執行代碼塊，否則退出循環。愛掏網 - it200.com

以下是一個while循環的例子，在這個例子當中我們打印出了1到5之間的所有數字。愛掏網 - it200.com

let i = 1;
while (i <= 5) {
  console.log(i);
  i++;
}

do-while 循環

do-while循環在執行某些代碼塊后才檢查循環條件。愛掏網 - it200.com所以，不管循環條件是什么，循環至少會執行一次。愛掏網 - it200.com

以下是do-while循環的語法：

do {
  //code to be executed
} while (condition);

現在，我們來看一個例子，在這個例子中，我們想將所有偶數打印出來，直到10,000。愛掏網 - it200.com由于循環的條件不是在開始階段檢查的，因此我們需要使用do-while循環來完成這個操作。愛掏網 - it200.com

let i = 0;
do {
    i += 2;  //增量
    console.log(i);
} while (i < 10000);  //條件判斷

forEach()

forEach()是JavaScript的內置函數之一，它可以在數組上循環，接受一個函數作為參數，并將該函數應用于數組中的每一項。愛掏網 - it200.com

以下是forEach()的基本語法：

array.forEach(function(currentValue, index, array) {
  //code to be executed
})

解釋：

• currentValue： 當前處理的數組元素。愛掏網 - it200.com
• index：當前元素的索引。愛掏網 - it200.com
• array：當前數組。愛掏網 - it200.com

以下是一個使用forEach()的例子，它遍歷一個數組并打印每個元素：

let arr = [1, 2, 3, 4, 5];
arr.forEach(function(item, index) {
  console.log(item, index);
});

for-in 循環

for-in循環可用于枚舉JavaScript對象中所有屬性的名稱。愛掏網 - it200.com

以下是for-in循環的語法：

for (variable in object) {
  // code to be executed
}

解釋：

• variable：每次迭代時遍歷的屬性名稱。愛掏網 - it200.com
• object：要枚舉其屬性名稱的對象。愛掏網 - it200.com

以下是一個使用for-in循環的例子，遍歷一個對象并打印每個屬性的名稱和值：

let person = { name: "John", age: 30, city: "New York" };
for (let key in person) {
  console.log(key + ": " + person[key]);
}

for-of 循環

for-of循環是ES6中循環的新方式，用于遍歷可迭代對象（如數組、字符串和Map）。愛掏網 - it200.com

以下是for-of循環的語法：

for (variable of iterable) {
  // code to be executed
}

解釋：

• variable：在每次迭代時要被更新的變量。愛掏網 - it200.com
• iterable：可迭代的對象。愛掏網 - it200.com

以下是一個使用for-of循環的例子，遍歷一個數組并打印每個元素：

let arr = [1, 2, 3, 4, 5];
for (let element of arr) {
  console.log(element);
}

以上就是JavaScript中常用的各種循環結構。愛掏網 - it200.com您可以根據不同的需求來選擇不同的循環結構，以便更好地實現自己的代碼邏輯。愛掏網 - it200.com

結論

JavaScript的各種循環控制結構為我們提供了靈活的編程解決方案。愛掏網 - it200.com通過使用它們，我們可以重復執行代碼塊，并根據需求在代碼塊中添加不同的語句。愛掏網 - it200.com希望這篇文章對您在編程中使用循環結構時有所幫助。愛掏網 - it200.com