[Javascript] forEach() 반복문

forEach()

arr.forEach(callback(currentvalue[, index[, array]])[, thisArg])

forEach 반복문의 기본 형태는 위와 같다. currentvalue를 필수로 하는 콜백함수를 받는다. 이 때 index까지는 자주 사용하지만 세번째 매개변수까지 사용하는 경우는 드물다. (세번째 매개변수인 array의 경우 forEach를 호출한 배열을 반환한다.)

 

단, map과는 다르게 forEach()는 그 결과값을 반환하지 않는다.

또한 for문과는 다르게 break, continue 등으로 반복을 제어할 수 없다. 즉, 중간에 반복을 종료할 수 없다는 뜻.

 

사용 예시

const arr = [1, 2, 3, 4]

arr.forEach((el, i) => {
  console.log(i + "번째 숫자는 " + el + "입니다")
})

// '0번째 숫자는 1입니다'
// '1번째 숫자는 2입니다'
// '2번째 숫자는 3입니다'
// '3번째 숫자는 4입니다'

const arr = [1, 2, 3, 4]

arr.forEach((el, i) => {
  i + "번째 숫자는 " + el + "입니다"
})

console.log(arr) // [1, 2, 3, 4]
// 반복이 종료되어도 arr에 반환되는 값은 변하지 않는다.

const arr = [1, 2, 3, 4]
const result = [];

arr.forEach((el, i) => {
  if (arr[i] < 3){
    result.push(arr[i])
  }  
})

console.log(result) // [ 1, 2 ]

 

 

자세한 내용은 MDN을 참고하자.

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach

Array.prototype.forEach() - JavaScript | MDN