2023년 3월 08일
KSY
Javascript map()함수는 배열의 모든 요소에 대해 지정된 함수를 호출하고, 그 결과로 새로운 배열을 반환한다. 즉, 기존의 배열을 변경하지 않고 새로운 배열을 만들어내는 함수이다.
array.map(function(currentValue,index,array){
//처리할 코드
},thisValue);
array는 map()함수가 호출되는 배열이다. function(currentvalue, index, array)는 배열의 각 요소를 처리할 함수이다. currentValue는 현재 처리 중인 요소의 값이다. index는 현재 처리 중인 요소의 인덱스이며, array는 map()함수가 호출된 배열 자체를 나타낸다. thisValue는 선택적으로 사용할 수 있으며, function 내에서 this로 참조할 객체를 지정한다.
그리고 array.map(function( ){ })으로 작성해도 해도 되고 array.map(( )⇒{ }) (화살표 함수)로 작성해도 된다!
(개인적으로 화살표함수가 더 간결해서 선호하는 편이다!)
예시)
const arr1 = [1,2,3];
const arr2 = arr1.map(function(num){
return num * 2;
});
console.log(arr2); //[2,4,6]
위의 코드에서는 ‘arr1’ 배열의 각 요소에 대해 2를 곱한 새로운 배열 ‘arr2’를 만들어 반환한다. 이때 map()함수를 호출할 때 처리할 함수를 인자로 전달하고 있다. 함수 내에서는 각 요소에 대해 곱셈 연산을 수행하고, 그 결과를 반환한다. map()함수는 이 반환값을 모아서 새로운 배열을 만들어 반환한다.
⇒ arr1배열 값 하나씩 곱하기 2한 후에 새로운 배열(arr2)에 넣는다.
(저기서 num은 그냥 arr1를 받은거임)