JavaScript で配列を反復するにはどうすればよいですか?

JavaScript で配列を (for each) ループする

JavaScript の配列は、順序付けられた値のコレクションであり、さまざまなメソッドを使用してそれらを反復処理できます。主なアプローチは次のとおりです。

本物の配列に固有

1. For-of ループ (ES2015 )

このメソッドは暗黙的な反復子を使用し、単純な非同期操作に最適です。

const a = ["a", "b", "c"];
for (const element of a) {
    console.log(element);
}
// Output:
// a
// b
// c

2. ForEach および関連 (ES5 )

このメソッドは、配列内の各要素に対してコールバック関数を呼び出します:

a.forEach(element => {
    console.log(element);
});
// Output:
// a
// b
// c

3。シンプルな For ループ

この従来のメソッドは、要素とそのインデックスへの直接アクセスを提供します:

for (let index = 0; index < a.length; ++index) {
    const element = a[index];
    console.log(element);
}
// Output:
// a
// b
// c

4. For-in (注意して使用してください)

継承されたプロパティに関する潜在的な問題を回避するために、For-in は安全策を講じて使用する必要があります。

for (const propertyName in a) {
    if (a.hasOwnProperty(propertyName)) {
        const element = a[propertyName];
        console.log(element);
    }
}
// Output:
// a
// b
// c

配列のようなオブジェクトへの一般化

本物の配列に加えて、このアプローチは引数、反復可能なオブジェクト (ES2015)、DOM などの配列のようなオブジェクトにも適用できます。コレクションなど。次の考慮事項に留意してください:

• 引数オブジェクト: for-each ループと for ループは正しく動作しないため、for-of ループまたは明示的なイテレータを使用します。
• 反復可能なオブジェクト: for-of ループまたは明示的に使用するiterator.
• DOM コレクション: for-of ループまたは明示的なイテレータを使用します。

以上がJavaScript で配列を反復するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。