Destructuring array inside object inside array in one 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?

You already show in your snippet how to destructure a value (first) out of an array positionally, did you try applying that to the root myArr too? — jonrsharpe
– jonrsharpe, Commented Aug 8, 2022 at 22:58
Are you sure? Seems to work fine in my console. What specifically did you try, and how exactly did it not work? Update the minimal reproducible example. — jonrsharpe
– jonrsharpe, Commented Aug 8, 2022 at 22:58
Actually this time it worked. I promise it wasn't working before. const [ { places: { coffeeShops: [x], }, }, ] = myArr; — psych0groov3
– psych0groov3, Commented Aug 8, 2022 at 23:00

jonrsharpe · Accepted Answer · 2022-08-08 23:01:51Z

2

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

edited Aug 8, 2022 at 23:01

jonrsharpe

123k31 gold badges277 silver badges488 bronze badges

answered Aug 8, 2022 at 23:00

baNaNa

8125 silver badges24 bronze badges

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

Collectives™ on Stack Overflow

Destructuring array inside object inside array in one go

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