JavaScript 循環(huán)控制含代碼

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

for 循環(huán)

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

以下是for循環(huán)的語法：

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

解釋：

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

看一個例子：

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

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

while 循環(huán)

while循環(huán)是另一個常見的循環(huán)，它允許您執(zhí)行代碼塊，直到滿足指定的條件為止。愛掏網(wǎng) - it200.com

以下是while循環(huán)的語法：

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

解釋：

• condition： 指定將要執(zhí)行的代碼塊需要滿足的條件。愛掏網(wǎng) - it200.com如果條件為true，將一直執(zhí)行代碼塊，否則退出循環(huán)。愛掏網(wǎng) - it200.com

以下是一個while循環(huán)的例子，在這個例子當中我們打印出了1到5之間的所有數(shù)字。愛掏網(wǎng) - it200.com

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

do-while 循環(huán)

do-while循環(huán)在執(zhí)行某些代碼塊后才檢查循環(huán)條件。愛掏網(wǎng) - it200.com所以，不管循環(huán)條件是什么，循環(huán)至少會執(zhí)行一次。愛掏網(wǎng) - it200.com

以下是do-while循環(huán)的語法：

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

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

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

forEach()

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

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

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

解釋：

• currentValue： 當前處理的數(shù)組元素。愛掏網(wǎng) - it200.com
• index：當前元素的索引。愛掏網(wǎng) - it200.com
• array：當前數(shù)組。愛掏網(wǎng) - it200.com

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

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

for-in 循環(huán)

for-in循環(huán)可用于枚舉JavaScript對象中所有屬性的名稱。愛掏網(wǎng) - it200.com

以下是for-in循環(huán)的語法：

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

解釋：

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

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

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

for-of 循環(huán)

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

以下是for-of循環(huán)的語法：

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

解釋：

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

以下是一個使用for-of循環(huán)的例子，遍歷一個數(shù)組并打印每個元素：

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

以上就是JavaScript中常用的各種循環(huán)結構。愛掏網(wǎng) - it200.com您可以根據(jù)不同的需求來選擇不同的循環(huán)結構，以便更好地實現(xiàn)自己的代碼邏輯。愛掏網(wǎng) - it200.com

結論

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