JavaScript 배열을 반복하는 방법에는 몇 가지가 있습니까?

JavaScript에서 배열 반복

JavaScript 배열은 해당 요소를 반복하는 다양한 방법을 제공합니다. 이러한 방법 중에는 for-of 루프, forEach, 전통적인 for 루프, 적절한 보호 장치가 있는 for-in 루프 및 반복자가 있습니다.

순정 배열

• 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-in 루프(보호 장치 사용):
  배열 인덱스(요소 아님)와 비-비동기 인덱스 모두에 대해 반복합니다. 배열 객체 자체의 상속된 기호가 아닌 속성 이름으로 인해 예기치 않은 동작이 발생할 수 있습니다. 주의해서 사용하세요:

  for (const propertyName in theArray) {
    if (/^\d+$/.test(propertyName)) {
        const element = theArray[propertyName];
        // ...use `element`...
    }
  }

• 명시적 반복자(ES2015 ):
  Symbol.iterator 인터페이스를 활용하여 반복자를 명시적으로 생성합니다. 그러나 이 방법은 덜 일반적으로 사용됩니다.

  const iterator = theArray[Symbol.iterator]();
  while (true) {
    const result = iterator.next();
    if (result.done) break;
  
    const element = result.value;
    // ...use `element`...
  }

배열 유사 객체

배열 유사 객체를 반복하려면 다음 사항을 고려해야 합니다. Argument 객체나 Node.js의 Argument 객체와 같은 비배열 특성. 이터레이터 속성이 없으므로 객체에 따라 특정 반복 기술이 필요할 수 있습니다.

위 내용은 JavaScript 배열을 반복하는 방법에는 몇 가지가 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!