Map() 함수와 ForEach() 비교

map 함수에 대해서 알아보는 시간과 forEach 함수과의 차이 알아보는 시간

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

const forEachArr = arr.forEach(function (a, b, c) {
  //console.log(`a : ${a}, b : ${b} , c : ${c}`);

  return a * 2; //이 return값은 어디로 가는걸까? 아무데도 안가고 사라짐
});

const mapArr = arr.map(function (a, b, c) {
  //console.log(`a : ${a}, b : ${b} , c : ${c}`);

    return a * 2; //이 return값은 어디로 가는걸까? 새로운 배열을 만들어서 그 배열에 return값이 들어가게 됨
});
// map 함수는 forEach와 똑같이 생겼지만, 리턴값이 있다는 점이 다르다. 즉, 새로운 배열을 만들어낸다는 점이 다르다.
console.log(forEachArr); //undefined
console.log(mapArr); //[ 2, 4, 6, 8, 10 ]
// forEach는 return값이 없고, map은 return값이 있다. 즉, map은 새로운 배열을 만들어낸다.
// 그럼 원래 배열은 어떻게 될까? 원래 배열은 그대로 있다.
console.log(arr); // [ 1, 2, 3, 4, 5 ]