Синтаксис деструктурирующего присваивания - это выражение JavaScript, которое позволяет распаковывать значения из массивов или свойства из объектов в отдельные переменные.

Предположим, мы получили информацию в виде Object и хотим выбрать элементы из коллекции. Трудно извлечь каждую пару свойство / значение из Object, а затем назначить ее переменной.

Деструктурирование позволяет нам меньше печатать и четко понимать, что мы хотим извлечь из Object. В этом случае деструктуризация помогает при работе с данными в вашем приложении, это важно для понимания того, как заставить JavaScript включать сторонний код.

Деструктуризация объекта

В JavaScript, когда мы хотим назначить данные отдельным переменным из объекта верхнего уровня, такого как этот, мы обычно делаем это индивидуально, например:

JavaScript дает нам возможность выполнять этот алгоритм в одной строке кода.

Мы также можем использовать его для деструкции вложенного синтаксиса:

Деструктуризация массива

Мы можем выбрать части Array, которые хотим назначить:

Деструктуризация строки

Также разложите его по частям:

Присваивание деструктуризации - это быстрый способ присвоения данных переменным из объектов, массивов и строк. Вы можете выбрать часть данных, которую хотите назначить, и это дает вам свободу манипулировать данными по мере их поступления.

Источник: https://developer.mozilla.org/