똑같은 삽질은 2번 하지 말자
Array.prototype.map() 과 Object.assign을 이용한 데이터 편집 본문
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);
실행결과
'Javascript' 카테고리의 다른 글
Typescript 기본타입 (0) | 2021.02.02 |
---|---|
단순 요청(Simple requests), 프리플라이트(Preflight requests) 요청? 왜 axios 요청이 자동으로 두번이 되는지..에 대해(preflight cors) (0) | 2020.11.29 |
Tab키 이벤트 Focus이동(tabindex 속성) (0) | 2020.08.25 |
Javascript 정규표현식 (0) | 2020.08.19 |
Javascript Boolean 값 판단기준 (0) | 2020.05.22 |
Comments