How to destructure nested variable from the array

Question

my obj looks like that:

blogPost: {
  questions: 
    [
      {
        id: 234
      }
    ]
}

I would like to destructure id , but this doesn't seem correct.

const {questions[0]: {id}} = blogPost

Answer 1

Use array destructuring as well to make it work:

{questions:[{id}]}=blogPost

Alternatively, you can use object destructuring on arrays as well (arrays are objects), but that is less semantical:

{questions:{'0':{id}}}=blogPost

That accesses the property in a different way: array destructuring calls Symbol.iterator method to iterate over the array, while object destructuring does a [[Get]] operation on the specified keys only.

Answer 2

Try this:

const { questions } = blogPost;
const { id } = questions[0];