JavaScript で配列を反復処理する最良の方法は何ですか?

JavaScript での配列のループ

はじめに

JavaScript は要素を反復処理するためのさまざまな手法を提供します配列で。この記事では、配列および配列のようなオブジェクトを走査するために利用可能なオプションについて説明します。

実際の配列の場合

1. for-of ループ (ES2015 )

for-of ループは、暗黙的な反復子を使用して配列の値を反復処理します。

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

2. forEach および関連 (ES5 )

forEach は、配列の各要素に対してコールバック関数を呼び出す多用途のメソッドです。関連するあらゆるメソッドを使用して、操作の中断と継続をサポートします。

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

3.シンプルな for ループ

この従来の for ループは、配列の各インデックスを反復処理します。

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

4. for-in ループ (注意)

for-in ループは、配列のプロパティ (継承されたプロパティを含む) を反復処理します。意図しない動作を回避するには、安全策を使用して配列要素のみをループするようにしてください。

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

5.イテレータ (ES2015 )

イテレータを明示的に使用すると、反復プロセスをきめ細かく制御できます。

const iter = a[Symbol.iterator]();
for (let element of iter) {
    console.log(element); // a, b, c
}

以上がJavaScript で配列を反復処理する最良の方法は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。