> 웹 프론트엔드 > JS 튜토리얼 > JavaScript에서 배열을 반복하는 가장 좋은 방법은 무엇입니까?

JavaScript에서 배열을 반복하는 가장 좋은 방법은 무엇입니까?

Patricia Arquette
풀어 주다: 2024-12-25 16:55:09
원래의
321명이 탐색했습니다.

What are the Best Ways to Iterate Over Arrays in 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. Iterator(ES2015 )

반복자를 명시적으로 사용하면 반복 프로세스를 세밀하게 제어할 수 있습니다.

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

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

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿