Map 함수

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

선언방법 및 구성

array.map(function(currenValue, index, array){
	//내용...
},thisArg);

• currentValue : 배열 내 현재 값
• index : 배열 내 현재 값의 인덱스
• array : 현재 배열
• thisArg : callbackFunction 내에서 this로 사용될 값

사용법

1.array 자료 갯수만큼 반복적으로 함수안의 코드 실행해준다.

["사과","banana",3].map(function(){
    console.log(1)
})

// 결과값
// 1
// 1
// 1

var numbers = [4,9,16,25,36];
var result = numbers.map(Math.sqrt);
console.log(result);

//결과값
//[ 2, 3, 4, 5, 6 ]

2.함수의 파라미터는 array안에 있던 자료(value)를 사용할 수 있다.

["사과","banana",3].map(function(a){
    console.log(a)
})

// 결과값
// 사과
// banana
// 3

var numbers = [1,2,3,4,5,6,7,8,9];
var newNumbers = numbers.map(number =>number *2);
console.log(newNumbers);

//결과값
// [2, 4, 6, 8, 10, 12, 14, 16, 18]

3.return에 작성하면 array로 담아준다.

["사과","banana",3].map(function(a){
    return '데이터 변경'
})

// 결과값
// ['데이터 변경', '데이터 변경', '데이터 변경']