Discussion on: JavaScript Destructuring Explained

[Seanmclem]

What did you try instead? What's the type of the response? It's a great place for some typescript

[Steve Clark 🤷‍♀️]

const { order } = data;  // did not work
const [ order ] = data; // did not work

I tried a bunch of different combos till I got the one I posted to work.

[Adam Roynon]

Your original example, the one that works, suggests that the response has a 'data' field.
For example:

const response = { 
  data: {
      ... some data
  }
}

Then you're destructuring that out and renaming it order

const { data: order } = data
// This is taking that 'data' field and destructuring it into an 'order' object

Your other examples would return undefined as there is no top-level 'order' object

const { order } = data
// undefined as response.order is undefined

Have you tried this

const { data.order: order } = data
// Takes response.data.order and destructures it into an 'order' object

I'm not sure if this will work, as I'm not 100% sure of the structure of the response object.

[Seanmclem]

Then data does not contain order. You need to try just storing the result json as a regular value, and console log it. To see what's in the result