Синтаксис деструктурирующего присваивания - это выражение JavaScript, которое позволяет распаковывать значения из массивов или свойства из объектов в отдельные переменные.
Предположим, мы получили информацию в виде Object
и хотим выбрать элементы из коллекции. Трудно извлечь каждую пару свойство / значение из Object
, а затем назначить ее переменной.
Деструктурирование позволяет нам меньше печатать и четко понимать, что мы хотим извлечь из Object
. В этом случае деструктуризация помогает при работе с данными в вашем приложении, это важно для понимания того, как заставить JavaScript включать сторонний код.
Деструктуризация объекта
В JavaScript, когда мы хотим назначить данные отдельным переменным из объекта верхнего уровня, такого как этот, мы обычно делаем это индивидуально, например:
JavaScript дает нам возможность выполнять этот алгоритм в одной строке кода.
Мы также можем использовать его для деструкции вложенного синтаксиса:
Деструктуризация массива
Мы можем выбрать части Array
, которые хотим назначить:
Деструктуризация строки
Также разложите его по частям:
Присваивание деструктуризации - это быстрый способ присвоения данных переменным из объектов, массивов и строк. Вы можете выбрать часть данных, которую хотите назначить, и это дает вам свободу манипулировать данными по мере их поступления.
Источник: https://developer.mozilla.org/