object 内的解构数组 go 内的数组

Question

Is there a way to destructure the "First shop" value in one go from this array?

const myArr = [
  {
    name: 'John',
    age: '28',
    hobbies: ['coding', 'chess', 'cards', 'reading'],
    address: {
      city: 'Some city',
      province: 'Some province',
      country: 'Some country',
    },
    places: {
      coffeeShops: ['First shop', 'Second shop', 'Third shop'],
    },
  },
];

Extracting the object from the array first actually works but I want to destructure from the array itself.

This works:

const obj = myArr[0];

const {
  places: {
    coffeeShops: [first],
  },
} = obj;

console.log(first);

But I can't seem to do it when the object is inside the array. Is that possible in JS?

Answer 1

Putting the object in square brackets works:

 const myArr = [ { name: 'John', age: '28', hobbies: ['coding', 'chess', 'cards', 'reading'], address: { city: 'Some city', province: 'Some province', country: 'Some country', }, places: { coffeeShops: ['First shop', 'Second shop', 'Third shop'], }, }, ]; const [ { places: { coffeeShops: [first], }, } ] = myArr; console.log(first);