본문 바로가기

web/javascript

javascrpt map

map 메서드(Array)

map 함수는 배열의 각 요소에 대해 정의된 콜백 함수를 호출하고 결과가 포함되어 있는 배열을 반환합니다.

1. 배열의 각요소에 루트값을 구하기

let list = [2, 4, 5];
console.log(list.map(Math.sqrt)); // [1.4142135, 2, 2.23606]


2.  배열의 각 요소를 제곱근으로 하기

var numbers1 = list.map(function(num){
return num * num
});
console.log(numbers1); //[4, 16, 25]

 

2-1  배열의 각 요소를 제곱근으로 하기(함수 사용)

map()에 해당 함수만 표기해 주면 됩니다.


const square = x => x * x;
var numbers2 = list.map(square);
console.log(numbers2); //[4, 16, 25]



3.  오프젝트 배열를 키/값으로 다시 재성립



var kvArray = [{key:1, value:10}, {key:2, value:20}, {key:3, value: 30}];
var reformattedArray = kvArray.map(function(obj){
var rObj = {};
rObj[obj.key] = obj.value;
return rObj;
});


console.log(reformattedArray[0]['1']); //10
console.log(kvArray[0]['value']); //10



4.  문자열 리버스~


[].map.call('hello', x => x).reverse().join('') //"olleh"


'web > javascript' 카테고리의 다른 글

javascript 의 모듈 제공 방법  (0) 2018.09.05
js regexp wrong results?  (0) 2018.05.03
overflow-x 된 DOM에서 마우스 휠로 좌우스크롤 움직이기  (0) 2016.06.29
javascript reduce  (0) 2016.06.10