Javascript Destructuring an array

Question

I am trying to learn how destructuring works and encountered a challenge. I destructured results into a data variable and I was wondering how I would further destructure itemsInCart and 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);

below is my output so far:

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

Hi Martin, what is the desired output? MDN provides a great guide. — Bibberty
– Bibberty, Commented Aug 1, 2019 at 23:44
const {results: [{buyerCountry, itemsInCart}]} = makeArray(). console.log(buyerCountry, itemsInCart); — Dom
– Dom, Commented Aug 1, 2019 at 23:44

Dacre Denny · Accepted Answer · 2019-08-02 00:06:15Z

1

One approach would be to further destructure the data object that you've obtained by doing the following:

/* Your current destructuring */
const { results: [data] } = makeArray();

/* Additional destructuring step to get itemsInCard and buyerCountry */
const { itemsInCart, buyerCountry } = data;

console.log(itemsInCart, buyerCountry);

This can also be reduced into a single line by the following:

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);

edited Aug 2, 2019 at 0:06

answered Aug 1, 2019 at 23:59

Dacre Denny

30.4k5 gold badges53 silver badges66 bronze badges

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

Collectives™ on Stack Overflow

Javascript Destructuring an array

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