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 루프를 사용하거나 콜백이 다음인 경우 forEach를 사용하세요. 간단한 동기 함수입니다.
• 배열과 같은 객체의 경우 for-of 루프를 다음과 함께 사용하세요. 주의하고 안정성을 높이려면 먼저 Array.from()을 사용하여 실제 배열을 생성하는 것이 좋습니다.

위 내용은 JavaScript에서 배열 및 배열 유사 객체를 효율적으로 반복하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!