TIL Day 35 forEach 와 map의 차이

forEach, map의 공통점은 배열을 이용하고 각 요소에 원하는 조작을 해줄 수 있다는 점이다.

하지만 차이가 있다면 이것이다.

map은 함수를 호출한 결과를 모아 새로운 배열을 반환한다.

forEach는 기존의 배열에 함수를 호출한다.

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

arr.forEach(num => {
  mulArr.push(num*3)
})
console.log(mulArr) // [3,6,9,12,15]

const arr = [1,2,3,4,5]
const mulArr = arr.map(num => num*3)
console.log(mulArr) // [3,6,9,12,15]

forEach는 return 값을 보내지 않는다.

let arr = [1,2,3,4,5]
let a = arr.forEach(function(value){
  return value
})
console.log(a) //undefined

let arr = [1,2,3,4,5]
let a = arr.map(function(value){
  return value+1
})
console.log(a) //[2,3,4,5,6]

결론 : forEach()는 기존 배열의 요소를 변경하지만, map()은 새로운 배열을 반환한다.