如何使用擴展運算符更改 object 的嵌套屬性？

Question

這是我的情況的一個干凈版本：

const person1 = {
    name: "Person1 Name",
    hairColor: "Brown",

    backpack: {
        color: "Army-Green",
        content: [
            "item1",
            "item2",
            "..."
        ]
    }
}

我試圖只改變背包的顏色

我已經在下面嘗試過這段代碼，但沒有成功：

person = {...person1, backpack.color: "New backpack color"}};

person = {...person1, backpack: {...backpack, color: "New backpack color"}};

person = {...person1, backpack: {color: "New backpack color"}};

person = {...person1, backpack = {...backpack, color: "New backpack color"}};

Answer 1

const person2 = {...person1, backpack: {...person1.backpack, color: 'Red' }}

Answer 2

您必須首先在下面傳播該屬性

 const person1 = { name: "Person1 Name", hairColor: "Brown", backpack: { color: "Army-Green", content: [ "item1", "item2", "..." ] } } const person = {...person1, backpack: {...person1.backpack, color: "Red"}} console.log(person)