JavaScript 배열 Foreach

JavaScript를 사용하여 배열의 모든 항목을 어떻게 반복할 수 있습니까?

나는 다음과 같다고 생각했다.

forEach(instance in theArray)

내 배열은 어디에 theArray있지만 이것은 잘못된 것 같습니다.

 

• 귀하의 최선의 선택 은 일반적으로
  • 루프( ES2015 for-of+ 전용, 사양 | MDN ) - 간단하고 친숙 함async

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

  • forEach(ES5+ 전용, spec | MDN ) (또는 그 친척 some등) - 비우호적(그러나 세부사항 참조 ) async

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

  • 간단한 구식 for루프 - async친숙한

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

  • (드물게) for-in 보호 장치가 있는 - async친화적

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

• 몇 가지 빠른 "하지 말아야 할 사항":
  • for-in보호 장치와 함께 사용하거나 적어도 물릴 수 있는 이유를 알고 있는 경우가 아니면 사용하지 마십시오 .
  • map반환 값을 사용하지 않는 경우 사용하지 마십시오 .
    (슬프게도 map[ spec / MDN ] 을 가르치는 사람이 있습니다. forEach 하지만 제 블로그에 글을 쓰는 것처럼 그게 목적 이 아닙니다. 생성된 배열을 사용하지 않는다면 사용하지 마세요 map.)
  • forEachforEach콜백이 비동기식 작업을 수행하고 해당 작업이 완료될 때까지 기다리기 를 원하는 경우에는 사용하지 마십시오 (그렇지 않기 때문에).