解构数组中的嵌套对象

Question

我基本上想提取数组中的第一个对象并获取它的名称。这里唯一的挑战是我试图在父对象中解构它：

const exampleObject = {
  collection: [{
    name: "First Object",
  }, {
    name: "Second Object",
  }],
};

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

console.log(firstObject);

有可能吗？

Answer 1

您需要将其切换为：

{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

如果您需要第一个对象的名称，您应该写

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

console.log(name);

解构数组中的嵌套对象

Destructuring nested objects in an array

javascript

destructuring

ecmascript-6