똑같은 삽질은 2번 하지 말자

Array.prototype.map() 과 Object.assign을 이용한 데이터 편집 본문

Javascript

Array.prototype.map() 과 Object.assign을 이용한 데이터 편집

곽빵 2020. 10. 3. 14:45

map() 

메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다.

 

var results = [
  {
    name:"Gwak",
    age: 28
  },
  {
    name:"Hee",
    age: 29
  },
  {
    name:"Won",
    age: 30
  },
]


results.map(result => console.log(result));

 

실행결과

 

 

Object.assign() 

메소드는 열거할 수 있는 하나 이상의 출처 객체로부터 대상 객체로 속성을 복사할 때 사용합니다.

대상 객체를 반환합니다.

 

var results = [
  {
    name:"Gwak",
    age: 28
  },
  {
    name:"Hee",
    age: 29
  },
  {
    name:"Won",
    age: 30
  },
]
// Object.assign(target, ...sources)
var copy = Object.assign(results,{nickname:"GodHeeWon"});

console.log(copy);

 

실행결과

 

그럼 이제 두개를 같이 이용해서 Array안의 모든 요소에 내가 원하는 항목을 추가해보자.

 

var results = [
  {
    name:"Gwak",
    age: 28
  },
  {
    name:"Hee",
    age: 29
  },
  {
    name:"Won",
    age: 30
  },
]

var mappingResults  = results.map(result => Object.assign(result, {nickname: "GodHeeWon"}));

console.log(mappingResults);

 

실행결과

Comments