과제 : 객체 매핑하기

모던 JavaScript 튜토리얼 내용 중 일부 문제를 정리한 내용입니다.

세 개의 프로퍼티 name, surname, id 를 가진 객체가 담긴 users 라는 배열이 있다. name 과 surname 을 조합해 fullName 을 만들어, fullName 과 id 를 가진 객체를 담은 새로운 배열을 반환한다.

let john = { name: "John", surname: "Smith", id: 1 };
let pete = { name: "Pete", surname: "Hunt", id: 2 };
let mary = { name: "Mary", surname: "Key", id: 3 };

let users = [ john, pete, mary ];

map 메서드로 새로운 배열을 반환하는데, 이때 값을 객체로 매핑해서 반환하기 위해 중괄호를 소괄호로 한 번 더 감싸야 한다. 자바스크립트는 중괄호를 객체 시작이 아닌 함수 본문 시작이라고 인식한다.

let usersMapped = users.map(user => ({
  fullName: `${user.name} ${user.surname}`,
  id: user.id
}));