Destructuring Nested objects in javascript | Destructure second level parent and child Objects

Question

I need to destructure and get values of title, child, childTitle from this object

const obj1 = {
   title : 'foo',
   child : {
       title2 : 'bar'
   }
}

let {title, child} = obj1;
console.log(title)   // 'foo'
console.log(child)   // { title : 'bar' } 

// but couldn't get child object this way

let { title , child : { title2 } } = obj1;
console.log(title)   // 'foo'
console.log(child)   // undefined
console.log(title2)  // 'bar'

How could I get the child object?

What do you mean get? You can't console log the object, but you can do other things with objects. Like using typeOf: stackoverflow.com/a/13045455/8716187 — Wookies-Will-Code
– Wookies-Will-Code, Commented Jan 21, 2019 at 15:48
@Wookies-Will-Code hmmmmmm, yes objects can be logged in console. The question is more towards getting(destructuring) the child object along with some child property. Tq anyways — Varun Suresh Kumar
– Varun Suresh Kumar, Commented Jan 22, 2019 at 6:31

Andy · Accepted Answer · 2019-01-21 15:37:11Z

38

child: { title2 } is just destructuring the child property. If you want to pick up the child property itself simply specify it in the statement: let { title, child, child: { title2 } } = obj1;

const obj1 = {
  title: 'foo',
  child: {
    title2: 'bar'
  }
}

let { title, child, child: { title2 } } = obj1;

console.log(title);
console.log(child); 
console.log(title2);

answered Jan 21, 2019 at 15:37

Andy

63.7k13 gold badges72 silver badges99 bronze badges

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

Comments

Fabien Greard · Accepted Answer · 2019-01-21 15:34:02Z

4

When doing child : { child : { title2 } }, child is not instantiate, so you can still doing { child, child : { title2 } } to get both title2 and child.

As simple as :

const obj1 = {
  title: "foo",
  child: {
    title2: "bar"
  }
};

const { title, child, child : { title2 } } = obj1

answered Jan 21, 2019 at 15:34

Fabien Greard

1,8941 gold badge18 silver badges26 bronze badges

Collectives™ on Stack Overflow

Destructuring Nested objects in javascript | Destructure second level parent and child Objects

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related