자바스크립트 forEach() 함수

자바스크립트에서 forEach() 함수는 배열의 각 요소에 대해 주어진 함수를 한 번씩 실행하는 메서드입니다. 주로 배열을 순회하면서 각 요소에 대해 특정 작업을 수행할 때 사용됩니다. forEach()는 원본 배열을 변경하지 않으며, 새로운 배열을 반환하지도 않습니다.

 

기본 문법

array.forEach(callback(currentValue, index, array) {
  // 실행할 코드
});

 

 

매개변수

• callback: 배열의 각 요소에 대해 실행할 함수입니다. 이 함수는 다음 매개변수를 받습니다:
  • currentValue: 현재 처리되고 있는 배열 요소.
  • index (선택적): 현재 처리되고 있는 배열 요소의 인덱스.
  • array (선택적): forEach()가 호출된 배열.

 

예제

1. 기본 사용 예제: 배열의 모든 요소를 콘솔에 출력하는 예제입니다.

const numbers = [1, 2, 3, 4, 5];
numbers.forEach(function(number) {
  console.log(number);
});

 

 

 

2. 인덱스와 배열 접근: 인덱스와 원본 배열에 접근하는 예제입니다.

const fruits = ['apple', 'banana', 'cherry'];
fruits.forEach(function(fruit, index, array) {
  console.log(index + ': ' + fruit);
  console.log('Original array: ' + array);
});

 

3. 화살표 함수 사용: 화살표 함수를 사용하여 코드를 더 간결하게 작성할 수 있습니다.

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