forEach

이은지·2022년 11월 6일
0

개념

목록 보기
2/8

forEach란?

주어진 함수를 배열 요소 각각에 대해 실행

array.forEach(callback(currentValue, index, array), thisArg)

  • callback : 각 요소에 대해 실행할 함수
  • currentValue : 처리할 현재 요소
  • index : 처리할 현재 요소의 인덱스
  • array : forEach()를 호출한 배열
  • thisArg : callback을 실행할 때 this로 사용할 값

특징

  1. 호출할 배열의 요소를 오름차순으로 한번씩 실행
  2. 삭제했거나 초기화하지 않은 인덱스 속성에 대해서는 실행하지 않음
    array = [1, 3, , 7]] > index 2번에 대해서는 실행하지 않음
  3. 중간에 멈춰야 한다면 forEach가 아닌것으로 찾아보자
  4. 호출할 배열을 변형시키므로 주의
  5. 반환값은 undefined

연관된 반복문

  1. for of, for in 반복문
  2. Array.prototype.every()
  3. Array.prototype.some()
  4. Array.prototype.find()

for 반복문을 forEach()로 바꾸기

const items = ['item1', 'item2', 'item3'];
const copy = [];

// for문
for (let i=0; i<items.length; i++) {
  copy.push(items[i]);
}

// forEach문
items.forEach(function(item){
  copy.push(item);
})

0개의 댓글