forEach() 란?
JavaScript에서 forEach문은 배열의 각 요소에 대해 주어진 함수를 한번씩 실행하는 반복문 입니다. 주로 배열 내의 모든 요소를 순차적으로 처리할 때 사용됩니다.
map() 메서드와 거의 비슷하지만 차이점은 따로 return 하는 값이 없습니다.
자바스크립트 forEach문은 세개의 매개변수를 가질 수 있는데
첫번째 매개변수 currentValue(필수값) : 반복중 처리할 현재요소
두번째 매개변수 index(선택사항) : 처리할 현재요소 인덱스
세번째 매개변수 array(선택사항) : forEach()함수를 호출한 배열, 이 매개변수를 사용하면 원본배열에 접근가능
📌 기본문법
array.forEach(function(currentValue, index. array){
// 실행할 코드
}currentValue : 현재 처리 중인 배열의 요소(필수)
index : 현재 처리중인 요소의 인덱스(옵션)
array : 원본 배열 자체(옵션)
📌 예시 1: 배열의 요소 출력하기
let accidenterName = [길동, 길은, 길금, 길순];
accidenterName.forEach(function(name){
console.log(name);
});출력:
길동
길은
길금
길순📌 예시 2: 인덱스와 함께 출력하기
let accidenterName = [길동, 길은, 길금, 길순];
accidenterName.forEach(function(name, index){
console.log(index + '. ' + name);
});출력:
0. 길동
1. 길은
2. 길금
3. 길순📌 예시 3: 화살표 함수 사용
let numbers = [1,2,3,4,5];
number.forEach(number => {
console.log(number * 2);
});출력:
2
4
6
8
10📌 예시 4: 배열의 모든 요소 합 구하기
let numbers = [1,2,3,4,5];
let sum = 0;
numbers.forEach(function(number){
sum += number;
});
console.log(sum); // 결과 : 15출력:
15주의사항
- 반복 중단 불가 :
forEach는 배열의 모든 요소를 끝까지 순회하며, 중간에 반복을 중단할 수 없습니다. 반복을 중단하려면for또는for...of문을 사용하는 것이 좋습니다 - 변경 불가 :
forEach를 사용하여 배열을 직접 수정할 수는 없습니다. 하지만 배열의 인덱스를 사용하여 요소를 수정할 수 있습니다.
📌 예시 5: 배열 요소 자체를 바꾸기
let array = [1,2,3];
array.forEach((currentValue, index){
array[index] = value * 2;
});
console.log(array); // [2,4,6]출력:
[2,4,6]forEach는 배열의 요소를 순차적으로 처리하는 간단한 방법을 제공하며, 배열을 순회하면서 값에 대한 작업을 수행할 때 유용합니다.
99