JavaScript - 배열 전체 출력 (for, forEach, for in, for of)

배열의 모든 요소 값들을 반복문 등을 이용하여 출력하는 방법을 소개합니다.

1. for문을 이용한 방법

가장 기본적인 방법으로, for문을 이용하여 아래와 같이 Index로 배열에 접근하여 출력할 수 있습니다.

const arr = [1, 2, 3, 4, 5];
for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

Output:

1
2
3
4
5

2. forEach를 이용한 방법

forEach는 아래와 같이 함수나, 화살표 함수를 인자로 받고, 배열의 모든 요소들에 대해서 화살표 함수를 수행시킵니다.

const arr = [1, 2, 3, 4, 5];
arr.forEach(item => console.log(item));

Output:

1
2
3
4
5

3. for...of 를 이용한 방법

for...of는 아래와 같이 사용할 수 있습니다. arr의 요소들은 item이 됩니다.

const arr = [1, 2, 3, 4, 5];
for (let item of arr) {
  console.log(item);
}

Output:

1
2
3
4
5

4. for...in 을 이용한 방법

for...in은 아래와 같이 사용할 수 있습니다. for...of와 다르게 값이 아닌 Index로 배열을 순회할 수 있습니다.

const arr = [1, 2, 3, 4, 5];
for (let index in arr) {
  console.log(arr[index]);
}

Output:

1
2
3
4
5

5. map()을 이용한 방법

map()은 아래와 같이 인자로 함수나 화살표 함수를 받을 수 있습니다. 아래와 같이 모든 값을 순회하며 출력할 수 있습니다.

const arr = [1, 2, 3, 4, 5];
arr.map(item => console.log(item));

Output:

1
2
3
4
5