JavaScript 配列をループする方法は何通りありますか?

JavaScript での配列のループ

JavaScript 配列では、要素を反復処理する複数の方法が提供されます。これらのメソッドには、for-of ループ、forEach、従来の for ループ、適切な保護機能を備えた for-in ループ、反復子などがあります。

本物の配列

• For-of ループ (ES2015) ):
  暗黙的反復子を使用して配列の要素を直接反復処理し、最も単純で非同期に適したオプションにします:

  for (const element of theArray) {
    // ...use `element`...
  }

• forEach ( ES5 ):
  配列要素を反復処理するためのコールバックベースのメソッド。非同期には適していませんが、いくつかの便利なファミリー メソッドがあります。

  theArray.forEach(element => {
    // ...use `element`...
  });

• For ループ:
  古典的なループ構造配列を走査するために、提供する非同期フレンドリネス:

  for (let index = 0; index < theArray.length; ++index) {
    const element = theArray[index];
    // ...use `element`...
  }

• For-in ループ (安全対策あり):
  配列インデックス (要素ではない) と非配列インデックスの両方を反復処理します。配列オブジェクト自体の継承された非シンボル プロパティ名。これにより、予期しない動作が発生する可能性があります。使用には注意してください:

  for (const propertyName in theArray) {
    if (/^\d+$/.test(propertyName)) {
        const element = theArray[propertyName];
        // ...use `element`...
    }
  }

• 明示的イテレータ (ES2015 ):
  Symbol.iterator インターフェイスを利用してイテレータを明示的に作成します。ただし、このメソッドはあまり一般的には使用されません。

  const iterator = theArray[Symbol.iterator]();
  while (true) {
    const result = iterator.next();
    if (result.done) break;
  
    const element = result.value;
    // ...use `element`...
  }

配列のようなオブジェクト

配列のようなオブジェクトを反復するには、そのオブジェクトの考慮事項を考慮する必要があります。引数オブジェクトや Node.js の引数オブ​​ジェクトなど、配列以外の性質。これらには反復子プロパティがないため、オブジェクトによっては特定の反復手法が必要になる場合があります。

以上がJavaScript 配列をループする方法は何通りありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。