[JS] forEach() & map() 차이점

 

 

💡 forEach 와 map 의 차이점은?

 

return 의 유무!

 

forEach()

값을 리턴하진 않고 그냥 함수를 실행만 했다.

let numbers = [1, 2, 3, 4, 5]

numbers.forEach(function (item) {
  console.log("item => " + item);
});

// item => 1
// item => 2
// item => 3
// item => 4
// item => 5

 

map()

반드시 리턴값을 가져야 한다.

배열을 받아 새로운 배열을 반환하는게 map 의 역할!

** 항상 원본 배열의 길이만큼 return 된다.

let newNumbers = numbers.map(function (item) {
  return item * 2;
})

console.log(newNumbers)
// [2, 4, 6, 8, 10]

 

return 을 안하면? undefined 반환!

let newNumbers = numbers.map(function (item) {
  // return item * 2;
})

console.log(newNumbers)
// [undefined, undefined, undefined, undefined, undefined]