JavaScript - 배열에서 함수로 새로운 배열 만들기 map()

arr.map(fn)

함수를 받아서 특정 기능을 실행하고, 새로운 배열을 반환.

 

let userList = [
    { name: "Mike", age: 30 },
    { name: "Jane", age: 27 },
    { name: "Tom", age: 10 },
];

// 유저리스트가 있고, 나이가 있는데, 매번 나이를 확인하기 귀찮아서
// isAdult라는 프라퍼티를 추가한 새로운 배열을 map을 이용해서 만들어보겠음

let newUserList = userList.map((user, index) => {
    return Object.assign({}, user, {
        id: index + 1,
        isAdult: user.age > 19,
    });
});

console.log(newUserList);
// { name: "Mike", age: 30, id: 1, isAdult: true }
// { name: "Jane", age: 27, id: 2, isAdult: true }
// { name: "Tom", age: 10, id: 3, isAdult: false }

console.log(userList);
// 기존에 있는 userList는 변경사항 없음