[자바스크립트] map

배열에 담긴놈들을 하나하나 꺼내어 어떠한 작업을 한 뒤 새로운 배열을 반환한다.

여기서 하나하나 꺼내는기능을 활용할 수 도 있고 실제로 새로운 배열이 필요할때도 쓴다.

하나하나 꺼내서 쓰는경우는 리액트에서 많이 썼으므로 따로 언급하지 않고,

새로운 배열을 반환한다는 뜻은

 

let Arr = [{name:"aa", id:1},{name:"aa", id:2},{name:"aa", id:3},{name:"aa", id:4}]

const newArr = Arr.map((element)=>(element.id))
//newArr 은 [1, 2, 3, 4] 이런 모습의 배열이 된다.

이런것이다.

map으로 각각 객체들을 돌며 그놈들의 id값만 빼내어 새로운 배열을 만들었다.

 

위를 보면 알 수 있듯이 새로운 배열을 만들어 냈을뿐, 기존 배열을 건드리진 않는다.