공통점

배열을 이용한다.
배열의 값을 조작해서 원하는 결과값을 도출하는데 의미가 있다.

차이점

map()

새로운 배열을 반환한다

• 모든 배열요소가 제공된 함수로 호출될 때 새로운 배열을 생성한다.
• 기존의 배열을 이용해 새로운 배열을 생성할 때 사용한다.
• 기존 배열은 값이 바뀌지 않고 유지한다.

성공

const arr = [1,2,3]
const newArr = arr.map(item => {
return item * 2
})
console.log(newArray) // [2,4,6]

실패

var arr = [1,2,3]
arr.map(item => {
  item * 2 
})
console.log(arr). // [1,2,3]
기존 배열의 값은 바뀌지 않고, 새로운 변수에 값을 담아야 되는데 새로운 변수를 선언하지 않고 map을 사용해서 적용이 안됨.

forEach()

배열의 각 요소에 callback을 실행한다.
아무 값도 반환하지 않는다.
기존 배열은 값이 변하지 않고 유지한다.

const arr = [1,2,3]
newArray.forEach((item,index) => {
  arr[index] = item * 2
})
console.log(arr) // [2,4,6]