7,8장 예제 map메소드 역할

Question

안녕하세요 강의 잘 수강하고있는 수강생입니다. 7,8장 예제를 진행하던중 궁금한게 있어 질문드립니다. 각각 public폴더의 정적파일의 js파일을 살펴보면 users.map(function(user) ~) 부분에 map메소드를 이용해서 코드를 진행했는데 이 메소드의 실행되는 방식이 궁금합니다. 좀 찾아보니 콜백함수를 실행한 결과를 가지고 새로운 배열을 만드는데 사용한다고 알아보았는데 이 코드 내에서 해석이 잘안됩니다ㅠㅠ

제로초(조현영) · Answer

네 기존 배열은 안 바뀌고 새 배열이 생성됩니다. 변수에 할당할 필요는 없고 만들어진 즉시 사용해도 됩니다.

맑은맑쇼 · Answer

근데 users.map()메소드를 이용하면 users배열 자체가 변하는게 아니라 반환을 새로운 배열로 해주어서 새로운 변수나 배열에 할당해야 되는 것 아닌가요?

제로초(조현영) · Answer

네 거기서 받은 데이터가 map의 function에 따라 모양이 바뀌어서 배열로 만들어집니다.

맑은맑쇼 · Answer

그러면 users= res.data이니까 res.data가 배열형태로 생성되어있나요?

제로초(조현영) · Answer

map은 기본적으로 forEach라고 생각하면 됩니다. 배열의 반복문이고요. 한 가지 추가된 기능이 return 부분인데 return을 하면 return값들을 모아 새로운 배열을 만들어줍니다.