[Javascript] 객체 새로운 속성 추가하는 방법

\

 

Javascript Object.assign()

 

Javascript 객체에 새로운 속성을 추가하기 위해서는 assign() 메소드를 사용한다. assign() 메소드는 객체들의 속성을 복사에 타겟 객체에 붙여넣게 된다. 이후 타겟 객체를 반환한다.

Syntax

Object.assign(target, ...source);

target : 새로운 객체를 추가받아 반환하는 객체.

source : 타겟 객체에 반영하고자하는 새로운 객체.

 

targetObj를 먼저 빈 객체로 만들어 준다.

2차원 배열을 선언하고 초기값을 할당해준다. 각 국가들의 주요 도시들을 담고 있는 2차원 배열을 Key~Value 형태의 객체로 변환해 줄 예정이다.

2차원 배열을 forEach()로 iterator 한 다음 Object.assign(target, newObj)로 객체를 타겟 객체에 추가해준다. 

var targetObj = {};
const arr = [["KOREA", "SEOUL"],["JAPAN", "TOKYO"],["USA", "WASHINTON"]];

arr.forEach((item)=>{
    Object.assign(targetObj, {
        [item[0]] : item[1],
    })
})

console.log(targetObj);