자바스크립트에서 배열의 모든 요소에 대해 반복적으로 작업해야 하는 경우가 많습니다. 이때 배열 순회라는 개념을 사용할 수 있습니다. 자바스크립트에서는 다양한 방법을 제공하여 배열을 반복하고 각 요소에 접근할 수 있습니다. 이 글에서는 몇 가지 유용한 배열 순회 방법을 알아보겠습니다.

1. for 문을 사용한 배열 순회

가장 전통적인 방법은 for 반복문을 사용하여 배열을 순회하는 것입니다. 예시 코드를 살펴보겠습니다.

let fruits = ['apple', 'banana', 'cherry'];

for (let i = 0; i < fruits.length; i++) {
  console.log(fruits[i]);
}

이 코드는 fruits 배열의 각 요소를 출력하는 간단한 예시입니다. for 반복문을 통해 배열의 인덱스를 이용하여 각 요소에 접근할 수 있습니다.

2. forEach() 함수를 사용한 배열 순회

ES5에서 도입된 forEach() 함수는 배열을 순회하면서 각 요소에 대해 작업을 수행하는 데 매우 유용합니다. 예시 코드를 살펴보겠습니다.

let fruits = ['apple', 'banana', 'cherry'];

fruits.forEach(function(fruit) {
  console.log(fruit);
});

forEach() 함수는 배열의 각 요소를 순회하면서 콜백 함수를 실행합니다. 위 코드에서는 각 요소를 console.log() 함수로 출력하는 간단한 예시입니다.

3. map() 함수를 사용한 배열 순회

map() 함수는 배열의 각 요소에 대해 콜백 함수를 실행하고, 해당 요소를 가지고 새로운 배열을 만듭니다. 예시 코드를 살펴보겠습니다.

let numbers = [1, 2, 3, 4, 5];

let multipliedNumbers = numbers.map(function(number) {
  return number * 2;
});

console.log(multipliedNumbers); // [2, 4, 6, 8, 10]

위 코드에서는 numbers 배열의 각 요소에 2를 곱한 결과를 multipliedNumbers 배열에 담았습니다.

4. filter() 함수를 사용한 배열 순회

filter() 함수는 배열의 각 요소를 콜백 함수에 전달하고, 해당 요소가 콜백 함수의 조건을 만족하는 경우에만 새로운 배열에 포함합니다. 예시 코드를 살펴보겠습니다.

let numbers = [1, 2, 3, 4, 5];

let evenNumbers = numbers.filter(function(number) {
  return number % 2 === 0;
});

console.log(evenNumbers); // [2, 4]

위 코드에서는 numbers 배열에서 짝수인 요소만을 추출하여 evenNumbers 배열에 담았습니다.

5. reduce() 함수를 사용한 배열 순회

reduce() 함수는 배열의 각 요소에 대해 콜백 함수를 실행하고, 그 결과를 누적하여 최종 결과값을 반환합니다. 예시 코드를 살펴보겠습니다.

let numbers = [1, 2, 3, 4, 5];

let sum = numbers.reduce(function(accumulator, number) {
  return accumulator + number;
}, 0);

console.log(sum); // 15

위 코드에서는 numbers 배열의 모든 요소를 더하여 최종적인 합계를 sum 변수에 담았습니다.

마무리

이 글에서는 자바스크립트에서 배열을 순회하는 다양한 방법을 알아보았습니다. for 반복문을 사용하는 전통적인 방법부터 forEach(), map(), filter(), reduce()와 같은 내장 함수를 사용하는 방법까지 다양한 순회 방법을 활용할 수 있습니다. 적절한 상황에 맞춰서 각각의 방법을 선택하여 사용해보세요.