Partially replace value of key-val pair in an object

Asked Mar 24 '22 at 12:16

Active Mar 24 '22 at 12:18

Viewed 39 times

Given I have the following object:

let obj = { 
    cat: "paws",
    dogs: {
        lab: "Christopher",
        otherLab: "Lady Buba"
    }
}

let objTwo = {
    dogs: {
        lab: "some new name"
    }
}

How can I merge the above two objects so that the final result is:

{
    cat: "paws",
    dogs: {
        lab: "some new name",
        otherLab: "Lady Buba"
    }
}

I've attempted to use spread operators with let finalObj = {...obj, ...objTwo}, but this entirely replaces the value of dogs, so that the end result is:

{
    cat: "paws",
    dogs: {
        lab: "some new name",
    }  
}

which isn't what I want.

edited Mar 24 '22 at 12:18

Heretic Monkey

11,687
7
53
122

asked Mar 24 '22 at 12:16

Dimitrije

What did you try? – 0stone0 Mar 24 '22 at 12:17
As per the question, I attempted using spread operators, which didn't work. – Dimitrije Mar 24 '22 at 12:19
Ow sorry, misread. You can spread the dogs object to get the desired outcome: `obj.dogs = { ...obj.dogs, ...objTwo.dogs }` – 0stone0 Mar 24 '22 at 12:21
1

Spread does a shallow replace; you want a deep one. If you know that they replacement occurs at the `dogs` level, just replace that: `let finalObj = { obj.cat, dogs: { ...obj.dogs, ...objTwo.dogs } };`. – Heretic Monkey Mar 24 '22 at 12:21
this will solve your problem ```const result = { ..obj, dogs: {...obj.dogs, ...objTwo.dogs}}``` – Rahul Sharma Mar 24 '22 at 12:22

Partially replace value of key-val pair in an object

0 Answers0