[JS] map함수를 이용한 배열 안 특정 객체값 추출

다음과 같은 배열이 있다고 생각해보자.

test배열

해당 test배열은 12개의 객체를 포함하고 있는 배열이다.

만약 이 배열에 있는 12개의 객체에서 제작수 라는 변수의 value값만을 추출해야한다면 보통 

test 배열의 length만큼 for문을 돌려서 제작수 라는 변수를 추출하는 방법이 있다.

for문을 이용한 배열안 객체값 추출

근데 이렇게 하면 for문을 돌려야 하는데 map함수를 이용하면

for문을 돌리지 않고 객체 안에서 원하는 값을 추출할 수 있다.

map을 이용한 객체안 제작수 추출

위와 같이 map함수를 이용하면 배열안 객체에서 특정값을 추출하여 배열에 삽입을 할 수 있다.

이외에도 객체에서 원하는 값들로 구성된 객체를 다시 배열에 넣을 수도 있다.

꺼낸 값을들 객체로 리턴

해당 객체에서 꺼내고 싶은 값들을 { } 으로 묶어서 객체화 한 뒤 return만 해주면 

객체에서 원하는 값들을 추출해 다시 객체로 묶은 뒤 배열에 push할 수 있다. 이를 응용하면

위와 같이 return을 하기전 slice같은 함수를 통해 해당 객체안의 값을 수정하여 객체로 묶은 뒤 배열로 push를 할 수도 있다.