How to change nested object attribute using JavaScript spread operator?

Question

I have a JavaScript object like below

const obj = {
    name: 'Jone',
    location: {
        presentAddress: {
            livingAddress: {
                City: {name: 'New York'},
                Country: {name: 'USA'},
            }
        }
    }

}

I'm trying to change city name New York to London

So, I have tried below code

console.log({
    ...obj,
    location:{
        ...obj.location,
        presentAddress:{
            ...obj.location.presentAddress,
            livingAddress: {
                ...obj.location.presentAddress.livingAddress,
                City:{
                    ...obj.location.presentAddress.livingAddress.City,
                    name: "London"
                }
            }
        }
    }
})

It's working fine, My question is has there any shorter way to do this change?

Answer 1

Try setting the nested property directly.

obj.location.presentAddress.livingAddress.City.name = "London"