JavaScript에서 모든 배열 항목을 반복하는 방법은 무엇입니까?

https://www.amazon.com/John-Au-Yeung/e/B08FT5NT62에서 Amazon에서 내 책을 확인하십시오.

지금 http://jauyeung.net/subscribe/에서 내 이메일 목록을 구독하십시오.

모든 배열 항목을 반복하는 것은 JavaScript 프로그램에서 수행하는 일반적인 작업입니다.

이 기사에서는 JavaScript 배열의 모든 항목을 반복하는 방법을 살펴보겠습니다.

Array.prototype.forEach

JavaScript 인스턴스의 forEach 메서드를 사용하여 JavaScript 배열의 각 항목을 반복할 수 있습니다.

예를 들어 다음과 같이 작성할 수 있습니다.

const a = ["a", "b", "c"];
a.forEach((entry) => {
  console.log(entry);
});

첫 번째 매개변수에서 배열 항목을 가져오는 콜백으로 forEach에서 a를 호출합니다.

그런 다음 콜백에서 원하는 모든 작업을 수행할 수 있습니다.

루프를 위해

for 루프를 사용하여 JavaScript 배열의 모든 항목을 반복할 수 있습니다.

예를 들어 다음과 같이 작성할 수 있습니다.

const a = ["a", "b", "c"];
for (let index = 0; index < a.length; index++) {
  console.log(a[index]);
}

index를 0으로 설정하고 최대 루프 제한을 a.length  로 설정했습니다.

그리고 index를 사용하여 각 반복에서 index++를 1씩 증가시킵니다.

그런 다음 루프 본문에서 a[index]를 기록하여 a 배열 항목의 값을 주어진 index  로 가져옵니다.

또한 다음을 사용하여 뒤로 루프할 수 있습니다.

const a = ["a", "b", "c"];
for (let index = a.length - 1; index >= 0; --index) {
  console.log(a[index]);
}

a.length로 시작하여 index가 0일 때 루프를 종료하고 각 반복에서 index 1씩 감소합니다.

루프 본체는 동일합니다.

for-of 루프

ES6부터 for-of 루프를 사용하여 JavaScript 코드의 각 배열 항목을 반복할 수 있습니다.

예를 들어 다음과 같이 작성할 수 있습니다.

const a = ["a", "b", "c"];
for (const val of a) {
  console.log(val);
}

val에는 우리가 반복하는 값이 있습니다.
a는 배열입니다.

for-of 루프는 배열 외에도 맵 및 세트와 같은 모든 반복 가능한 객체와 함께 작동합니다.

결론

forEach , for 루프 및 JavaScript로 for-of 루프를 사용하여 배열을 반복할 수 있습니다.