JavaScript破坏了一个数组

Question

我正在尝试学习破坏性的工作方式并遇到挑战。我将结果破坏为数据变量，我想知道如何进一步破坏物品和buyercountry。

function makeArray() {
  return {
    results: [
      {
        itemsInCart: [
          {
            name: "pizza",
            price: 74,
            qty: 1
          },
          {
            name: "Pepper Soup",
            price: 32,
            qty: 2
          }
        ],
        buyerCountry: "Rwanda"
      }
    ]
  };
}
const {
  results: [data]
} = makeArray();
console.log(data);

以下是我到目前为止的输出：

{
    itemsInCart: [{
            name: 'pizza',
            price: 74,
            qty: 1
        },
        {
            name: 'Pepper Soup',
            price: 32,
            qty: 2
        }
    ],
    buyerCountry: 'Rwanda'
} => undefined

Answer 1

一种方法是进一步破坏您通过执行以下操作获得的data对象：

/* Your current destructuring */
const { results: [data] } = makeArray();
/* Additional destructuring step to get itemsInCard and buyerCountry */
const { itemsInCart, buyerCountry } = data;
console.log(itemsInCart, buyerCountry);

这也可以通过以下以下方式将其简化为一条线：

function makeArray() {
  return {
    results: [{
      itemsInCart: [{
          name: "pizza",
          price: 74,
          qty: 1
        },
        {
          name: "Pepper Soup",
          price: 32,
          qty: 2
        }
      ],
      buyerCountry: "Rwanda"
    }]
  }
};
const { results: [{ itemsInCart, buyerCountry }] } = makeArray();
console.log('itemsInCart:', itemsInCart);
console.log('buyerCountry:', buyerCountry);