解构对象内部的对象数组

Question

我有一个具有以下结构的对象：

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

我想使用纯解构访问名称属性 .到目前为止，我到达了 详细信息数组 中的第一个元素。

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

我不知道从这里到哪里才能访问名称属性。我原以为它会像下面这样，但它不起作用。关于如何实现这一点有什么想法吗？

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

Answer 1

只需 {name} 代替 firstDetail 的 :

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

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

console.log(name);

解构对象内部的对象数组

Destructuring an array of objects inside an object

ecmascript-6

destructuring