22.01.25 객체에 속성 추가하는 방법

두 객체가 다음과 같이 있다고 하면

const chicken = {
    bhc: "뿌링클", 
    bbq: "황금올리브", 
    교촌: "허니콤보", 
    굽네: "고추바사삭", 
}

const liquid = {
    beer: "테라", 
    소주: "참이슬", 
    막걸리: "지평생",
}

방법 1. Object.assign()

두 객체를 직접 합치는 방식이며 원본 객체는 바꾸지 않는다. 

const todaySnack = Object.assign(chicken, beer)

{
    bhc: "뿌링클", 
    bbq: "황금올리브", 
    교촌: "허니콤보", 
    굽네: "고추바사삭", 
    beer: "테라", 
    소주: "참이슬", 
    막걸리: "지평생",
}

 

방법 2. spread 연산자

const todaySnack = {
    ...chicken, 
    ...liquid,
}

{
    bhc: "뿌링클", 
    bbq: "황금올리브", 
    교촌: "허니콤보", 
    굽네: "고추바사삭",     
    beer: "테라", 
    소주: "참이슬", 
    막걸리: "지평생",
}

 

 

방법 3. push()

push 함수는 원본 배열에 요소를 추가하는 함수인데 배열에 포함되어있는 객체를 추가할 때 유용하다. 

const todaySnack = []
todaySnack.push(chicken)
[{
    bhc: "뿌링클", 
    bbq: "황금올리브", 
    교촌: "허니콤보", 
    굽네: "고추바사삭", 
}]

todaySnack.push(liquid)

[{
    bhc: "뿌링클", 
    bbq: "황금올리브", 
    교촌: "허니콤보", 
    굽네: "고추바사삭", 
}, 
{
    beer: "테라", 
    소주: "참이슬", 
    막걸리: "지평생",
}]