Javascript ES6 Destructuring Nested Object Parent and Child Assign variable

Question

I Destructuring first variable nested objects within parent then I declare another variable to set a child value but there some error I don't know which sufficient way to solve this and readable

let personObj = {
        Name: 'Robiul',
        Age: 22,
        Address: {
            city: 'Dhaka',
            country: 'Bangladesh'
        }
    }

    let {Address: myAddress} = personObj
    let {myAddress:{city: myCity, country: myCountry}}=myAddress

Sushanth -- · Accepted Answer · 2020-04-28 19:24:48Z

1

In the first line, you have already destructured, Address out into myAddress. So you would not require one more layer of nesting when de structuring it.

    let personObj = {
        Name: 'Robiul',
        Age: 22,
        Address: {
            city: 'Dhaka',
            country: 'Bangladesh'
        }
    }

    // destructure address and rename it to myAddress
    let { Address: myAddress } = personObj;
    
    // destructure myAdress and rename city and country
    let { city: myCity, country: myCountry } = myAddress;
    
    console.log('city', myCity, 'country', myCountry);

Also since you are not really using myAddress anywhere, you can just destructure this out from personObj.

let personObj = {
  Name: 'Robiul',
  Age: 22,
  Address: {
    city: 'Dhaka',
    country: 'Bangladesh'
  }
}

// destructure address and rename it to myAddress
let {
  Address: {
     city: myCity,
     country: myCountry
  }
} = personObj;


console.log('city', myCity, 'country', myCountry);

edited Apr 28, 2020 at 19:24

answered Apr 28, 2020 at 19:18

Sushanth --

55.8k9 gold badges70 silver badges109 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Robiul Over a year ago

let {Address:myAddress, {city: myCity, country: myCountry}}=personObj this way inlien to assign to is it possible

Sushanth -- Over a year ago

Once you destructure an object, Address ( in this case ), you won't have a reference of it anymore. So if you want to have an handle of both myAddress, then you will have to pick them again. let { Address : myAddress, Address: { city: myCity, country: myCountry } } = personObj

Bergi · Accepted Answer · 2020-04-28 19:32:37Z

1

I think you're looking for

const {Address: myAddress} = personObj;
const {city: myCity, country: myCountry} = myAddress;
console.log(myAddress, myCity, myCountry);

or

const {Address: {city: myCity, country: myCountry}} = personObj;
console.log(myCity, myCountry); // notice no myAddress variable

or

const {Address: myAddress, Address:{city: myCity, country: myCountry}} = personObj;
console.log(myAddress, myCity, myCountry);

answered Apr 28, 2020 at 19:32

Bergi

671k162 gold badges1k silver badges1.5k bronze badges

1 Comment

user Over a year ago

That last one is the one I was looking for.

Collectives™ on Stack Overflow

Javascript ES6 Destructuring Nested Object Parent and Child Assign variable

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related