코딩토닉

어떤 배열에 있는 모든 요소들의 값을 변경해서 새로운 배열을 만들어야할때가 있습니다.

그때 반복문을 이용하여 처리하는 대신, 간단하게 Array.map() 함수를 이용하면 편하게 할 수있습니다.

let arr = [2,4,6,8];

이러한 배열이 있다고 가정했을때, 각 요소에 2를 곱해야 되는 상황이 있을때,

반복문 for문을 사용 할 수도 있습니다.

let arr = [2,4,6,8];

for (let i = 0; i < arr.length; i++){
  arr[i] = arr[i] * 2;
}

console.log(arr); // [4,8,12,16]

for문도 간단하게 처리는 되지만  Array.map()으로도 동일한 결과를 얻을 수 있습니다.

let arr = [2,4,6,8];

let modifiedArr = arr.map(function(element){
    return element *2;
});

console.log(modifiedArr); // [4,8,12,16]

객체 배열에서 map()을 사용하는 방법

만약 사람의 firstName과 lastName을 저장하는 객체 배열이 있다고 할때,

let users = [
  {firstName : "Kim", lastName: "MinJi"},
  {firstName : "Park", lastName: "JoonYoung"},
  {firstName : "Lee", lastName: "SeungHyun"}
];

 다음과 같은 map()함수를 이용하여 firstName과 lastName을 결합할 수 있습니다.

let users = [
  {firstName : "Kim", lastName: "MinJi"},
  {firstName : "Park", lastName: "JoonYoung"},
  {firstName : "Lee", lastName: "SeungHyun"}
];

let userFullnames = users.map(function(element){
    return `${element.firstName} ${element.lastName}`;
})

console.log(userFullnames);
// ["Kim MinJi", "ParkJoonYoung", "LeeSeungHyun"]