Destructuring nested objects in an array

Question

I basically want to pull out the first object within an array and get it's name. The only challenge here is that I'm trying to destructure this within a parent object:

 const exampleObject = { collection: [{ name: "First Object", }, { name: "Second Object", }], }; const { collection: [firstObject: { name }] } = exampleObject; console.log(firstObject);

Is sort of thing possible?

Answer 1

You need to switch it to:

{name: firstObject}
  |        |________ New variable name
  |    
  |_________________ Property name

---

 const exampleObject = {collection: [{name: "First Object",}, {name: "Second Object",}],} const { collection: [{ name: firstObject }] } = exampleObject console.log(firstObject)

Answer 2

If you need the name of first object you should write

const {
  collection: [{ name }]
} = exampleObject;

console.log(name);