如何使用扩展运算符更改对象的嵌套属性？

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)