Точно так же, как и при уничтожении массивов, мы можем манипулировать объектами таким же образом. Замените скобки и используйте фигурные скобки при объявлении переменных для деструктуризации объекта. Посмотрите этот базовый пример.
Как видите, мы можем получить значения имени и возраста из объекта, объявив эти переменные как одно и то же имя, заключенное в фигурные скобки. Это практично для многих случаев использования. Это отличается от деструктуризации массива тем, что не определяется порядком появления данных. Помните, что для деструктуризации объекта вам потребуется сопоставить имя ключа, из которого вы хотите извлечь значение.
Вам нужны разные имена переменных… Поскольку мы должны сопоставить имя ключа, это, по-видимому, ограничивает нашу возможность легко создать подходящее имя переменной. Установка нового имени для переменной фактически может выполняться в процессе деструктуризации объекта. Посмотрите этот пример, где мы можем установить «name: firstName», а затем console.log нашу переменную firstName.
Значения по умолчанию тоже! Верно, вы можете установить значения по умолчанию при деструктуризации объекта. назовите свою переменную и установите ее равной желаемому значению. Сделанный! Посмотрите на пример ниже.
Использование оператора спреда… Как и в случае с массивами, мы можем использовать оператор спреда для хранения оставшихся данных объекта в одном месте. Например, деструктурируйте объект для {name, …rest}, как показано ниже.
Вложенные объекты не страшны. То, что сегодня Хэллоуин, не означает, что вы должны кричать на вложенные объекты. Вызовите имя ключа вложенного объекта и используйте фигурные скобки, чтобы вывести нужные значения. Применяются все те же правила и функции! Посмотрите, как это просто ниже.
Но подождите, это еще не все! Все любят добавленную стоимость! У филиппинцев для этого есть слово «сулит», что означает «получить больше, чем вы заплатили». Отличный вариант использования деструктуризации объектов — это объединение двух объектов с использованием оператора распространения. Это отличный метод, вам он либо понравится, либо полюбится.
Наконец, мы рассмотрим деструктурирование объектов в функциях. Создайте функцию, которая принимает объект человека в качестве параметра и выводит объект из системы.
Вместо того, чтобы прибегать к точечной записи для вывода определенных значений из объекта, мы можем деструктурировать параметр в объявлении функции. Святая корова! Вы обязательно должны любить это!
Литералы шаблонов удобны и упрощают регистрацию этого объекта.
На этом простые упражнения по деструктурированию объектов заканчиваются! Спасибо, что присоединились`
Счастливого Хэллоуина 2022
