Map과 forEach의 차이는 무엇일까?

손종일·2022년 6월 28일
0

JavaScript

목록 보기
2/2
post-thumbnail

Map과 forEach

Map

클라이언트에서 Map은 주로 원하는 데이터의 형식으로 맵핑하기 위하여 많이 사용하곤한다.
간단한 키와 값을 서로 연결시켜 저장하고, 저장된 순서 그대로 각 요소돌을 반복적으로 접근할 수 있도록 한다. 그렇게하여 원하는 형식의 새로운 배열을 만들어 주는 메소드이다.

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

forEach

forEach는 Array 객체에서만 사용가능한 메소드로 배열의 요소를 반복하여 수행한다. 배열의 값을 하나씩 순차적으로 해당 함수에 전달하고 배열이 가진 모든 값으로 순차적으로 리턴값이 없는 함수를 처리한다. forEach는 단순 반복용으로 사용되며 새로운 배열을 만들지 않는다.

const arr = [1,2,3,4,5]
const newArr = arr.forEach((item) => {
  return item
})
console.log(newArr)
/// undefined

map과 forEach의 차이점은 ?

- forEach는 새로운 배열을 반환하지 않는다.

- Map은 새로운 배열을 반환한다.

profile
Allday

0개의 댓글