Destructuring an array of objects inside an object

Question

I have an object with the following structure:

const inventory = {
    item: {
        details: [
            {
                name: "Item A",
                type: "Type A"
            }
        ]
    }
}

I would like to access the name property with pure destructuring. So far I got to the first element in the details array.

const {item: {details: [firstDetail]}} = inventory;

I don't know where to go from here to access the name property. I was expecting it to be like the following but it doesn't work. Any ideas on how to achieve this?

const {item: {details: [firstDetail]: {name}}} = inventory;

trincot · Accepted Answer · 2022-01-31 19:02:33Z

2

Just {name} instead of firstDetail:

const inventory = {
    item: {
        details: [
            {
                name: "Item A",
                type: "Type A"
            }
        ]
    }
}

const {item: {details: [{name}]}} = inventory;

console.log(name);

answered Jan 31, 2022 at 19:02

trincot

357k38 gold badges282 silver badges338 bronze badges

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

Collectives™ on Stack Overflow

Destructuring an array of objects inside an object

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related