Блог

У меня есть следующий объект:

 const john = {
  family: [
    { firstName: 'david', secondName: 'jana' },
    { firstName: 'eyal', secondName: 'shani ' },
  ],
};
 

Я хочу получить строку ‘david’ за одну операцию. Итак, я попробовал следующий код:

 const { family:[0]{firstName}}} = john;
 

Но я получаю сообщение об ошибке :

«Деструктурирующие выражения могут иметь только ссылки на идентификаторы»

Может кто-нибудь сказать мне простыми словами (потому что я новичок в языке), что я делаю не так?

Чтобы извлечь глубоко вложенное значение с помощью деструктурирования, синтаксис почти идентичен синтаксису при объявлении объекта с этими свойствами. family:[0] недопустимый синтаксис — вместо этого вам нужно окружить содержимое family в разделителях массива:

 const john = {
  family: [{
      firstName: 'david',
      secondName: 'jana'
    },
    {
      firstName: 'eyal',
      secondName: 'shani '
    },
  ],
};

const { family:[{firstName}]} = john;

console.log(firstName); 

Но я бы настоятельно не рекомендовал использовать вложенную деструктуризацию подобным образом. Это так трудно писать, читать и понимать. Лучше использовать обычную точечную нотацию, по крайней мере, для внешнего доступа, например

 const john = {
  family: [{
      firstName: 'david',
      secondName: 'jana'
    },
    {
      firstName: 'eyal',
      secondName: 'shani '
    },
  ],
};

const { firstName } = john.family[0];
console.log(firstName);