JavaScript で配列および配列に似たオブジェクトを効率的に反復するにはどうすればよいですか?

JavaScript での配列のループ

JavaScript では、配列の要素を反復処理するさまざまな方法があります。

本物のループ配列

• 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-で（とセーフガード):

for (const propertyName in theArray) {
    if (/*...is an array element property (see below)...*/) {
        const element = theArray[propertyName];
        // Use `element`...
    }
}

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

• for-of ループ (ES2015) ):

for (const element of arrayLike) {
    // Use `element`...
}

• forEach (ES5 ):

arrayLike.forEach(element => {
    // Use `element`...
});

• 単純For ループ (注意):

for (let index = 0; index < arrayLike.length; ++index) {
    // Note: `arrayLike.length` may not be reliable.
    if (arrayLike.hasOwnProperty(index)) {
        const element = arrayLike[index];
        // Use `element`...
    }
}

• Array.from と For-ofループ:

const arrayLikeItems = Array.from(arrayLike);
for (const element of arrayLikeItems) {
    // Use `element`...
}

推奨事項

• 本物の配列の場合、コールバックが単純な同期関数。
• 配列のようなオブジェクトの場合は、for-of ループを使用します。慎重に、信頼性を高めるために、最初に Array.from() を使用して本物の配列を作成することを検討してください。

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