[JavaScript-52] 객체 spread

지난 시간에 배열 spread를 배웠습니다.

배열의 요소를 하나씩 그대로 가져올 수 있었죠. 

객체에도 spread문법을 적용 가능하고, 

마찬가지로 객체 이름 앞에 마침표 세 개를 찍어주면 되는데요. 

 

코드로 바로 보시죠

const myCar = {
    'brand': 'benz',
    'model': 'E220'
    };
    
const momCar = {
    ...myCar,
    'purchase-year': 2023
    };
    
//myCar에서 가져온 내용 중, model프로퍼티는 값을 수정
momCar.model = 'S350';
console.log(momCar); //{'brand': 'benz', 'model': 'S350','purchase-year': 2023}

조금 이해가 되시나요?

...myCar를 통해, myCar객체의 프로퍼티들을 하나씩 가져와주고,

momCar객체만의 프로퍼티인 'purchase-year'를 추가해주고 있네요!