JavaScriptループのすべて

すべてのプログラミング言語は、ループを使用してコードのブロックを繰り返し実行します。 ループは、特定の条件が満たされるまで、配列、リスト、または繰り返しアクションに不可欠です。

JavaScriptはさまざまなループタイプを提供します。この概要では、各タイプを調査し、アプリケーションと比較の利点を強調します。

および

loopswhile 最も基本的なループであるdo...whileループは、指定された条件が真である限り、コードブロックを実行します。 シンプルで読みやすく、しばしば効率的です。ただし、条件が慎重に管理されていない場合、無限のループも発生しやすくなります。

ループは類似していますが、条件は

の後にwhileの後にチェックされ、少なくとも1つの実行を保証します。 do...while loop

// 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

およびforloops

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

ループは、配列、マップ、セット、文字列などの反復可能なオブジェクトを反復可能にする簡潔な方法を提供します。 従来のfor...ofループと比較して、アレイトラバーサルを単純化します for await...of

内蔵の反復剤に限定されません。カスタムイテラブルは、反復可能なプロトコルを実装することで作成できます（Afor...ofメソッドの追加）。 forは非同期の対応物であり、非同期反復剤とジェネレーターを扱うのに理想的です。

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

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

メモ：

async以外の反復剤で動作しますが、逆は真実ではありません。 for...of[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は厳密にループではありませんが、配列の反復を促進します。

配列要素ごとに提供された関数を1回実行します。歴史的に

ループよりも遅いですが、最新のJavaScriptエンジンはこのパフォーマンスの違いを最小限に抑えています。 forEach元の配列の各要素に関数を適用して、新しい配列を作成します。 どちらの方法でも、特に機能的なプログラミングパラダイムを使用する場合、特定のコンテキストで読みやすさの利点を提供します。 map

loopforEach mapforEachループは、オブジェクトの列挙可能な特性を反復します。 また、予期しない動作の原因となる可能性のある継承された特性も含まれています。 継承されたプロパティが懸念事項ではないオブジェクトリテラルを繰り返すのに最適です。 キーオーダーは、ブラウザ全体で一貫しているようになりました

// 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 中国語 Web サイトの他の関連記事を参照してください。