如何在没有变异的情况下更改Object内的Object？

Question

所以我的问题是如何更改用户对象内的petNames对象而不改变它。

const user = { 
        name: 'Harry', 
        age: 50, 
        petNames: { 
         dog: 'Lisie', 
         cat: 'Foxer' 
        } 
    };

第一级我们可以改变

{...user, age: 48 }

它会回来

{ 
 name: 'Harry', 
 age: 48, 
 petNames: { 
    dog: 'Lisie', 
    cat: 'Foxer' 
 } 
};

但我怎么能改变petNames？

例如，狗名称更改为“Rex”。

得到像对象一样

{ 
 name: 'Harry', 
 age: 50, 
 petNames: { 
    dog: 'Rex', 
    cat: 'Foxer' 
 } 
};

谢谢！

Answer 1

您也可以传播内部属性：

 const user = { name: 'Harry', age: 50, petNames: { dog: 'Lisie', cat: 'Foxer' } }; const newUser = { ...user, petNames: { ...user.petNames, dog: 'rex' } }; console.log(user.petNames === newUser.petNames); // false