[Javascript] .map

 

 

forEach와 Map의 차이점을 말하자면 수정된 배열의 return 여부로 나뉜다.

Map의 경우는 원본 배열을 수정하여 새로운 배열을 return할 수 있으나 forEach는 불가능하며,

forEach의 경우는 기존배열을 가공하여 값을 변경할 수 있다.

 

 

일단 기본적으로 map의 경우 사용방법은 다음과 같다.

 

 

Map의 원본 배열을 가공하여 새 배열을 만드는것을 확인해보자

보시다 시피 원본배열을 수정하여 새로운 배열을 만들수 있다.

 

동일한 방법으로 forEach를 활용해보자

 

동일한 방법으로 수행했지만 undefined 가  찍혀서 나왔으며, 원본 파일을 수정하여 새로운 배열을 만드는것이 

불가능 함을 확인 할 수있다.

 

 

위와 동일하게 rearr 은 undefined 되어 값이 출력되지않았찌만 기존의 arr 배열을 수정한 것은 적용이되어

arr = [A E F C O]; --> [A0 E1 F2 C3 O4] 로 값이 변경된것이 확인 가능하다.

 

 

기존의 배열을 수정하여 새로운 배열을 만들거나 할때는 Map을 사용하고 기존의 배열을 수정할 때는 forEach를 사용하면 될것 같다. 또한 사용법으로

배열.map[or forEach]({1}              안에 함수를 정의해야하는것을 잊지말자, !! function(){{2}

     

          }{2}){1}