JS

forEach

chaereemee 2024. 3. 11. 00:12

설명

forEach 메서드는 배열의 각 요소에 대해 주어진 함수를 실행하는 배열 메서드이다.

이 메서드는 배열의 각 요소에 대해 반복하면서 해당 요소를 인수로 전달하여 콜백 함수를 실행한다.

forEach 메서드는 콜백함수의 반환값은 무시하고, 배열을 변형하지 않는다.

주로 배열의 각 요소에 대해 작업을 수행하거나 각 요소를 살펴보는 데 사용된다.

 

array.forEach(function(value, index, array)
  • function : 각 요소에 대해 실행할 함수
  • value : 현재 처리 중인 배열의 요소 값 (선택)
  • index : 현재 처리 중인 요소의 인덱스 (선택)
  • array : forEach를 호출한 배열 자체 (선택)

[예]

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

[1]

numbers.forEach(function(item, index) {
	console.log(`${index} : ${item}`);
}

[2]

function forEach(array, callback) {
	for(let i=0; i<array.length; i++) 
    	callback(array[i], i, array);
    }
}

forEach(numbers, function(value, index, array) {
	console.log(`${index} : ${value}');
// 출력 결과
// 0 : 1
// 1 : 2
// 2 : 3
// 3 : 4
// 4 : 5

[1] 과 [2]의 출력결과는 위와 같이 동일하다.