[자바스크립트]map 함수

map

map함수는 callbackFunction을 실행한 결과를 가지고 새로운 배열을 만들 때 사용한다.

array.map(callbackFunction(currenValue, index, array), thisArg)

filter, forEach와 같은 구문이다.

callbackFunction, thisArg 두개의 매개변수가 있고
callbackFunction은 currentValue, index, array 3개의 매개변수를 갖는다.

• currentValue : 배열 내 현재 값
• index : 배열 내 현재 값의 인덱스
• array : 현재 배열
• thisArg : callback을 실행할때 this로 사용되는 값

 

---

 

 

MAP을 활용한 예시

 

 

 

array 요소 추가

 

 

 

 

 

곱한 값 구하기

 

 

 

 

 

 

 

for 문으로 사용 곱한 값 구하기

 

 

 

 

 

예시는 주어진 array의 값들을 map을 사용해 곱을 구하는 방법입니다. map을 사용하지 않고 for문을 사용할 수 있다. for문을 사용하면 "순환"이라는 부분까지 직접 처리해야 하기 때문에 작성해야 하는 코드가 길고 간결하지 않습니다.

 

 

짝수값구하기

 

 

 

index가 짝수인 값만 객체배열에 추출

 

새로운 형태의 값

 

 

 

 

 

배열에 들어가 있는 값 중 특정 값만 추출해 새로운 형태의 배열을 만들어 낼 수 있습니다.

 

this 사용

 

 

 

 

 

 

 

배열 내 객체 원하는 요소만 가져오기