[Javascript] Object.assign, spread

 

 

먼저 Assign은 할당이라는 뜻으로 object에 할당하는 것이다.

새로운 객체를 생성하기도 하고 두 개의 객체를 합쳐 통합하기도 한다.

 

예시 소스

'use strict'

const obj = {
    title : 'node.js 올인원 패키지'
}

const newObj = {
    name : '패스트 캠퍼스'
}

// 하나로 합치기
// Object는 글로벌 메소드이기 때문에 바로 호출 없이 사용 가능
// 새로운 객체를 통합해서 사용
const ret = Object.assign({}, obj, newObj);

console.log(ret);

assign 결과

 

Spread 또한 기존의 객체에 새로운 객체를 합치는 역할을 한다.

Spread만의 특징은 객체 뿐만 아니라 배열에서도 활용이 가능하다.

'use strict'

const obj = {
    title : 'node.js 올인원 패키지'
}

const newObj = {
    name : '패스트 캠퍼스'
}

const ret = {
    ...obj,
    ...newObj
}

const arr = [1,2,3];
const newArr = [4,5,6];

const ret2 = [
    ...arr,
    ...newArr
]

// 두 개의 객체가 하나의 객체로 통합
console.log(ret);
// 두 개의 배열이 하나의 배열로 통합
console.log(ret2);

spread 결과