JavaScript

javascript map() 함수 알아보자

martinooo 2021. 7. 15. 15:12
728x170

값이 여러개 있는 배열에서 모든 값을 꺼내는 방식은 다양하게 알려져 있습니다

 

대표적으로 for문,,,하지만 오늘은 map() 함수를 다뤄보도록 하겠습니다 

 

vs코드를 여시고 let getStarted

arr 배열을 만듭니다!

arr 배열에 값을 꺼내고 싶을때 for문이 가장먼저 생각이 나는데 한번 만들어보겠습니다.

 

이런 for문을 만들어서 chrome 결과값을 봅시다!
boommmmmmmm 결과값이 잘나오네요

이거는 가장많이 쓰니는 for문 이였습니다 map() 함수를 써볼께요 

 

map() 함수란?

즉 map() 함수를 활용해서 인덱스 인자와 for문에 방식을 같이 활용해서 쓸수 있는 함수입니다.

 

바로 예제로 let's get started

 

 

map 함수를 활용하자 

그럼 결과값은?

booommmmmm 인덱스값과 결과값을 주고있습니다

마지막으로 map() 함수를 활용해서 여러개 배열문에 값들을 뽑아 볼께요

 

 

dta 배열안에 짝수 홀수 나눠서 값을 뽑아 보겠습니다 
이런 결과값이 나옵니다

오늘은 map() 함수를 공부해보았습니다

감사합니다!

그리드형