[Javascript] 배열 요소 순회하기 - forEach()

JavaScript에서 배열을 다룰 때 배열의 각 요소를 순회하고 작업을 수행해야 할 때가 있습니다.

이럴 때 forEach() 함수가 유용하게 사용됩니다. forEach() 함수는 배열의 각 요소를 순회하면서 제공된 함수를 실행합니다. 이 함수를 사용하면 반복문을 사용하지 않고 배열을 간단하게 순회할 수 있습니다.

 

 

forEach() 함수의 기본 구조

forEach() 함수의 기본 구조는 다음과 같습니다.

array.forEach(function(currentValue, index, array) {
  // 각 요소에 대해 수행할 작업
});

• currentValue: 배열에서 현재 처리 중인 요소입니다.
• index: 배열에서 현재 처리 중인 요소의 인덱스입니다.
• array: forEach()가 호출된 배열입니다.

 

 

숫자 배열의 각 요소 출력하기

아래 예시를 통해 forEach() 함수를 이해해 보겠습니다.

See the Pen Untitled by saladent (@saladent) on CodePen.

 

코드는 numbers 배열의 각 요소를 반복하면서 각 요소를 콘솔에 출력합니다.

 

 

화살표 함수를 사용한 간략한 표현

ES6부터 도입된 화살표 함수를 사용하면 코드를 더 간결하게 만들 수 있습니다.

See the Pen foreach() 화살표함수 by saladent (@saladent) on CodePen.

 

화살표 함수를 사용하면 함수의 표현이 더 간단해지고 가독성이 좋아집니다.

 

 

요소 변경하기

forEach() 함수는 배열을 변경하지 않습니다. 따라서 배열의 요소를 변경하는 데 사용할 수는 없습니다.

만약 배열의 요소를 변경하려면 map() 함수를 사용해야 합니다. map() 함수 사용 방법에 대해서는 아래 포스팅에서 확인해보시기 바랍니다.

[Javasript] map() 함수 : 배열 각 요소 변환하기

 

 

요약

JavaScript의 forEach() 함수는 배열을 반복하면서 각 요소에 작업을 수행할 때 사용됩니다.

반복문 없이도 간단하게 배열을 순회할 수 있으며, 코드를 간결하게 작성할 수 있도록 도와줍니다.