關於JavaScript循環的所有內容

>每個編程語言都使用循環反复執行代碼塊。 循環對於處理陣列，列表或重複操作至關重要，直到滿足特定條件為止。 JavaScript提供多種循環類型。此概述探討了每種類型，突出了它們的應用程序和比較優勢。

>

和

loops while 最基本的循環do...while

循環，只要指定條件保持真實，就可以執行代碼塊。 這很簡單，可讀性，而且通常是有效的。但是，如果未仔細管理該條件，它也容易出現無限循環。

循環是相似的，但是在每次迭代之後檢查條件while，保證至少一個執行。 do...while>

循環

// Process an array until it's empty
let queue1 = ["a", "b", "c"];

while (queue1.length) {
  let item = queue1.shift();
  console.log(item);
}

// Similar, but handles empty array gracefully
let queue2 = [];

do {
  let item = queue2.shift() ?? "empty";
  console.log(item);
} while (queue2.length);

for環是迭代特定數量的理想選擇。 對於重複任務而言，這是強大而有效的。 雖然最初對初學者感到艱鉅，但了解其結構可以簡化其使用。 >

for和

loops

// Log numbers 1 to 5
for (let i = 1; i <= 5; i++) {
  console.log(i);
}

for...of循環提供了一種簡潔的方式，可以迭代疑問對象，例如數組，地圖，集合和字符串。 與傳統for await...of循環相比，它簡化了數組遍歷。

for...of不限於內置迭代物；可以通過實現峰值協議（添加for方法）來創建自定義迭代。

是異步的對應物，非常適合使用異步迭代和發電機。

let myList = ["a", "b", "c"];

for (let item of myList) {
  console.log(item);
}

>

for...of注意：可與非Async Iterables一起使用，但相反不正確。 [Symbol.iterator]> for await...of

和

async function delay(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}

async function* aNumberAMinute() {
  let i = 0;
  while (true) {
    yield i++;
    await delay(60000);
  }
}

for await (let i of aNumberAMinute()) {
  console.log(i);
  if (i >= 59) break;
}

>方法

for await...of

>和

>不是嚴格的循環，但它們促進了數組的迭代。 forEach>對每個數組元素執行一次提供的函數。雖然歷史上比map循環慢，但現代的JavaScript引擎已將這種性能差異降至最低。

>通過將函數應用於原始數組的每個元素來創建新數組。 這兩種方法在某些情況下都具有可讀性優勢，尤其是在使用功能編程範式時。

forEachmap循環forEach formap循環在對象的枚舉屬性上迭代。 它還包括繼承的屬性，這可能是意外行為的來源。 它最適合於對物體文字進行迭代，而對象文字不關心屬性。 關鍵順序現在在瀏覽器中保持一致。

>

// Process an array until it's empty
let queue1 = ["a", "b", "c"];

while (queue1.length) {
  let item = queue1.shift();
  console.log(item);
}

// Similar, but handles empty array gracefully
let queue2 = [];

do {
  let item = queue2.shift() ?? "empty";
  console.log(item);
} while (queue2.length);

結論

JavaScript提供了豐富的循環機制。 選擇適當的循環取決於特定任務，性能要求和編碼樣式首選項。了解每種類型的細微差別使開發人員編寫有效且可維護的代碼。

以上是關於JavaScript循環的所有內容的詳細內容。更多資訊請關注PHP中文網其他相關文章！