JavaScript – For循環(huán)

在編程中，循環(huán)結(jié)構(gòu)是非常常見的一種結(jié)構(gòu)，它讓我們可以反復(fù)執(zhí)行特定的代碼段。愛掏網(wǎng) - it200.com其中，for循環(huán)是最常用的一種循環(huán)結(jié)構(gòu)。愛掏網(wǎng) - it200.com

for循環(huán)語法非常簡(jiǎn)單，由三個(gè)部分組成：

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

其中：

• 初始化：在循環(huán)開始之前，僅執(zhí)行一次，通常初始化一個(gè)計(jì)數(shù)器變量。愛掏網(wǎng) - it200.com
• 條件判斷：在每次循環(huán)迭代開始時(shí)，將條件表達(dá)式與當(dāng)前計(jì)數(shù)器變量進(jìn)行比較。愛掏網(wǎng) - it200.com如果條件為true，則代碼塊將被執(zhí)行；如果為false，則循環(huán)結(jié)束。愛掏網(wǎng) - it200.com
• 增量：在每次循環(huán)迭代結(jié)束時(shí)執(zhí)行，通常用于遞增計(jì)數(shù)器變量。愛掏網(wǎng) - it200.com

For循環(huán)示例

在下面這個(gè)示例中，我們將使用for循環(huán)遍歷數(shù)組中的所有元素并將它們打印到控制臺(tái)上。愛掏網(wǎng) - it200.com

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

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

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

For循環(huán)中的Break語句

for循環(huán)還包含一個(gè)名為break的語句。愛掏網(wǎng) - it200.com當(dāng)在循環(huán)過程中需要強(qiáng)行終止循環(huán)時(shí)，可以使用break語句。愛掏網(wǎng) - it200.com

假設(shè)我們要查找數(shù)組中第一個(gè)等于3的元素，并停止循環(huán)。愛掏網(wǎng) - it200.com此時(shí)，我們可以在if語句中將條件判斷為true時(shí)使用break。愛掏網(wǎng) - 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);

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

For循環(huán)中的Continue語句

for循環(huán)還包含一個(gè)名為continue的語句。愛掏網(wǎng) - it200.com當(dāng)需要跳過某些迭代時(shí)，可以使用continue語句。愛掏網(wǎng) - it200.com

例如，假設(shè)我們要打印所有奇數(shù)并跳過所有偶數(shù)。愛掏網(wǎng) - it200.com此時(shí)，我們可以在if語句中將條件判斷為true時(shí)使用continue。愛掏網(wǎng) - 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]);
}

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

結(jié)論

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