JavaScript – For循環

在編程中，循環結構是非常常見的一種結構，它讓我們可以反復執行特定的代碼段。愛掏網 - it200.com其中，for循環是最常用的一種循環結構。愛掏網 - it200.com

for循環語法非常簡單，由三個部分組成：

for (初始化; 條件判斷; 增量) {
  // 代碼塊
}

其中：

• 初始化：在循環開始之前，僅執行一次，通常初始化一個計數器變量。愛掏網 - it200.com
• 條件判斷：在每次循環迭代開始時，將條件表達式與當前計數器變量進行比較。愛掏網 - it200.com如果條件為true，則代碼塊將被執行；如果為false，則循環結束。愛掏網 - it200.com
• 增量：在每次循環迭代結束時執行，通常用于遞增計數器變量。愛掏網 - it200.com

For循環示例

在下面這個示例中，我們將使用for循環遍歷數組中的所有元素并將它們打印到控制臺上。愛掏網 - it200.com

const arr = [1, 2, 3, 4, 5];

for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

該代碼首先初始化一個代表數組的計數器變量i，然后在每次迭代期間將其增加1。愛掏網 - it200.com在每個迭代中，將訪問數組中的一個元素，并將其打印到控制臺上。愛掏網 - it200.com

For循環中的Break語句

for循環還包含一個名為break的語句。愛掏網 - it200.com當在循環過程中需要強行終止循環時，可以使用break語句。愛掏網 - it200.com

假設我們要查找數組中第一個等于3的元素，并停止循環。愛掏網 - it200.com此時，我們可以在if語句中將條件判斷為true時使用break。愛掏網 - it200.com

const arr = [1, 2, 3, 4, 5];
let result = -1;

for (let i = 0; i < arr.length; i++) {
  if (arr[i] === 3) {
    result = i;
    break;
  }
}

console.log(result);

該代碼首先初始化一個計數器變量i，然后在每次循環迭代期間將其增加1。愛掏網 - it200.com在每個迭代中，將訪問數組中的一個元素，如果其值等于3，則將其位置存儲在result變量中并通過break退出循環。愛掏網 - it200.com

For循環中的Continue語句

for循環還包含一個名為continue的語句。愛掏網 - it200.com當需要跳過某些迭代時，可以使用continue語句。愛掏網 - it200.com

例如，假設我們要打印所有奇數并跳過所有偶數。愛掏網 - it200.com此時，我們可以在if語句中將條件判斷為true時使用continue。愛掏網 - it200.com

const arr = [1, 2, 3, 4, 5];

for (let i = 0; i < arr.length; i++) {
  if (arr[i] % 2 === 0) {
    continue;
  }
  console.log(arr[i]);
}

該代碼首先初始化一個計數器變量i，然后在每次循環迭代期間將其增加1。愛掏網 - it200.com在每個迭代中，將訪問數組中的一個元素。愛掏網 - it200.com如果其值為偶數，則通過continue跳過該循環，否則將其打印到控制臺上。愛掏網 - it200.com

結論

for循環是JavaScript中最常用的循環結構之一。愛掏網 - it200.com通過使用for循環，可以方便地遍歷數組中的元素，或根據不同的條件來跳過或退出循環。愛掏網 - it200.com掌握了for循環的語法和使用方法，將有助于更簡單更有效地編寫JavaScript代碼。愛掏網 - it200.com