Добрый день, подскажите, пожалуйста, что здесь происходит? "Деструктуризация...

Question

Добрый день, подскажите, пожалуйста, что здесь происходит?  "Деструктуризация может быть вложенной. Она позволяет извлекать части объектов на любую глубину. Поэтому наш пример выше можно переписать так: // const user = response.data.attributes; // const links = response.data.links; // const author = response.data.relationships.author; const { links, attributes: user, relationships: { author } } = response.data;" Что чему соответствует? И насколько типична такая ситуация в реальной разработке? Выглядит довольно путано.

Вячеслав Павлов · Accepted Answer

Алина Фадеева,  здравствуйте.
Объект:

const data ={
  name: 'test',
  key: 45, 
  value: { x: 23, y: 2 },
}

Допустим мы желаем получить значение свойства x.
Первый вариант:  
const x = data.value.x  // console.log(x); 23
Второй вариант с деструктуризацией, раскладываем объект на части: 
const { name, key, value: { x, y } } = data;
console.log(x);  //  23
console.log(key);  //  45
т.д...
p/s: Пробуйте все примеры из уроков разбирать локально на компьютере или на replit.com.

Вячеслав Павлов · Accepted Answer

user - промежуточная константа, объявили и присвоили значение из объекта response.data.attributes
const user = response.data.attributes;
console.log(user); //

{
      title: 'Ember Hamster',
      src: 'http://example.com/images/productivity.png'
    }

Алина Фадеева · Answer

А что записано в константу attributes: user из примера в теории? Не очень ясно, откуда взялся user

Вопрос №55853 от пользователя Алина Фадеева в уроке «Деструктуризация», курс «JS: Объекты»

Используйте Хекслет по максимуму!