[javascript] forEach 메서드를 사용한 배열 순회

07 Dec 2023

자바스크립트에서 배열을 순회하면서 각 원소에 대해 작업을 수행해야하는 경우가 많습니다. 이를 위해 forEach 메서드를 사용할 수 있습니다. 이번 글에서는 forEach 메서드의 사용법과 몇 가지 예제를 살펴보겠습니다.

forEach 메서드란?

forEach는 배열의 각 원소에 대해 지정된 콜백 함수를 실행해주는 배열 메서드입니다. 이 메서드를 사용하면 반복문을 사용하지 않고도 배열의 각 원소를 간편하게 처리할 수 있습니다.

forEach 메서드는 아래와 같은 형식으로 사용됩니다.

배열.forEach(function(원소, 인덱스, 배열) {
    // 각 원소에 대한 작업 수행
});

여기서 원소는 배열의 각 원소를 나타내며, 인덱스는 해당 원소의 인덱스를 나타냅니다. 배열은 원본 배열 자체를 나타냅니다.

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

numbers.forEach(function(number) {
    console.log(number);
});

위 예제는 numbers 배열의 모든 원소를 순회하면서 각 원소를 콘솔에 출력하는 예제입니다.

const fruits = ['apple', 'banana', 'orange'];

fruits.forEach(function(fruit, index) {
    console.log(`인덱스 ${index}: ${fruit}`);
});

위 예제는 fruits 배열의 각 원소를 순회하면서 해당 원소의 인덱스와 값을 출력하는 예제입니다.

forEach 메서드는 반환값이 없습니다. 따라서 forEach 메서드 내에서 어떠한 작업을 수행해도 해당 작업에 의해 반환되는 값은 없으므로 주의해야 합니다.

위에서 소개한 forEach 메서드를 사용하여 배열을 순회하는 방법에 대해 알아보았습니다. forEach 메서드는 간편하게 배열의 각 원소를 처리할 수 있는 유용한 기능입니다. 다음번에 배열을 순회하는 작업이 있다면 forEach 메서드를 활용해보세요!