[JavaScript] 배열 객체 반복 처리(Object.keys, for ... in, for)

안녕하세요! 이번 글에서는 JavaScript 배열 객체의 반복 처리 방법을 알아보겠습니다.

JavaScript에서 배열 객체를 처리할 때 자주 사용되는 반복문으로는 for, for...of, forEach, 그리고 Object.keys를 활용하는 방식이 있습니다.

아래에서 각 방법의 특징과 예제를 살펴보고 비교해 보겠습니다.

반응형

 

1. 배열 객체 반복 처리 방식

다음은 배열 객체를 반복 처리하는 대표적인 방법들입니다:

반복문	특징	주요 용도
for	가장 기본적인 반복문으로 인덱스를 직접 제어	배열의 길이를 동적으로 제어하거나 특정 범위만 반복할 때
for...of	배열의 각 요소에 직접 접근	배열 요소를 순차적으로 다룰 때
forEach	콜백 함수로 배열의 모든 요소 처리	간결한 코드로 전체 배열을 처리할 때
Object.keys	배열의 인덱스를 배열로 반환 후 반복	인덱스를 활용한 값에 접근할 때

 

2. 배열 반복 처리 예제

1) for 문

const arr = [10, 20, 30];
for (let i = 0; i < arr.length; i++) {
    console.log(arr[i]);
}

실행 결과:

10
20
30

2) for...of 문

const arr = [10, 20, 30];
for (let value of arr) {
    console.log(value);
}

실행 결과:

10
20
30

3) forEach

const arr = [10, 20, 30];
arr.forEach(value => console.log(value));

실행 결과:

10
20
30

4) Object.keys

const arr = [10, 20, 30];
Object.keys(arr).forEach(key => console.log(arr[key]));

실행 결과:

10
20
30

이와 같은 방식으로 배열 객체를 반복 처리할 수 있습니다.

반응형

 

3. 마무리

배열 객체를 반복 처리하는 다양한 방법을 살펴보았습니다. 각 방식은 코드 작성 상황에 맞게 유연하게 선택할 수 있습니다.

JavaScript 배열 처리에 익숙해지려면 여러 방식으로 연습해 보세요!