[JavaScript] 자바스크립트에 내장된 .map() 고차함수 사용법

1. .map 간단 설명

 

자바스크립트에 내장되어 있는 .map 고차함수를 이용해서 쉽게 주어진 문제들을 해결 할 수 있습니다.

 

.map의 기능을 설명하자면 매핑(mapping)을 하는 용도로 사용되는것입니다.

 

매핑이란 (mapping) 한자로 사상(寫像)이라고도 합니다. 

 

사상 또는 매핑을 간단하게 설명하자면 주어진 값을 특정 조건에 따라 상을 변환 시키는것을 매핑이라고 할 수 있습니다.

 

 

쉽게 말하자면 기존의 개체에 특정 조건으로 변화를 주어 대칭시켜 값을 내놓는것이라고 볼 수 있습니다.

 

 

형태를 완전히 다른 형태로  변형 시키는것이 아닌 input 에서 .map 함수를 거치게 되면 input이 변형이 되어 output이 되는 것입니다.

 

 

 

2. 사용법

 

let arr = [1,2,3]

let mappingPractice = arr.map( function(element) {

                                           return element + 1;

                                           })

 

console.log(mappingPractice) 

의 결과값은 

[2,3,4]가 나온다.

 

.map 이라는 기능을 넣어주는 거기 때문에 변수를 하나 선언하여 그 변수에 넣어놓으면 다시 사용하기 편할 겁니다.

 

 

3. 사용법 분석

arr.map( function(element) { return element + 1 } ) 

1. arr 은 배열로 이루어진 변수명

2. .map은 내장된 함수

3. ()안은 function(element) 로 채워 넣어주고 

4. function의 (element)는 arr의 배열의 각 개체들을 부르는 이름을 마음대로 정해줄수 있습니다.

5. {}안은 .map의 ()안 function(element)의 실행구문입니다.  실행구문은 원하는 결과물에 맞춰서 작성해주시면 됩니다.