[JS] Map 함수 이해하기

JS 를 이용하여 Map 함수를 사용할 때

 

다음과 같은 의문점이 들었습니다.

 

언제 사용할까?

 

어떻게 사용할까?

다른 사람이 사용했던 거 어떻게 사용한거야?

 

위와 같은 의문점이 들었을 때, 구글링으로 여러가지 지식을 습득한 결과

 

저만의 결과가 나오게 되었습니다.

 

 

 

Map 함수는?

 

1. 배열이 필요함

 

배열이 있고 map 함수가 사용됩니다.

 

 

 

 

 

2. 새로운 배열 생성

 

map 함수는 return 하여 새로운 배열을 만들어 냅니다.

 

예시) map() 함수를 사용하여 return 한 새로운 배열은 변수 result 에 저장됩니다.

 

 

 

3.  인자를 다 사용하지 않아도 됨

 

map 함수에서 사용되는 인자가 3가지.

 

하지만 모두 다 사용하지 않고 하나만 사용해도 됩니다!

 

map(요소, 인덱스, 배열) --> map(요소) 

map(요소, 인덱스, 배열) --> map(인덱스) 

map(요소, 인덱스, 배열) --> map(배열) 

 

 

 

4. 매핑 매핑? 

 

React 에서는 반복문으로 사용되며,

 

배열 안의 요소들을 하나씩 매칭 또는 매핑해 줍니다.

 

매핑한 결과를 같은 길이의 새로운 배열로 만들어 내죠!

 

 

 

결과

 

map을 이용하면 return값으로 같은 길이의 배열 등장.

배열의 값을 일괄적으로 바꿀때 유용.

 

React 에서는 반복문인 For 문을 사용이 가능하나(특정 부분에서는...) map 으로 많이 사용