Деструктуризация. Это метод распаковки объектов, массивов и присвоения их переменным. Что распаковывает?
Зачем нужна деструктуризация?
- Он помогает распаковывать значения из массивов, объектов, строк и т. Д.
- Помогает иметь дело с функциями, у которых много параметров, значений по умолчанию.
- Удобно писать, легко поддерживать и удобно читать
- Спасает нас от написания повторяющегося кода
- Экономит ваше время
- Заставляет следовать принципу СУХОГО кодирования
Деструктуризация в javascript
Посмотрим, как мы будем писать код без деструктуризации:
Используя метод деструктуризации, мы можем написать тот же код, что и
Это очень простой и понятный способ использования методов деструктуризации. То же самое можно сделать и со строками. Это называется деструктуризацией строк.
Деструктуризация массива
ранее мы видели, как деструктурировать массив. Допустим, вы хотите пропустить элемент в массиве. Вам просто нужно использовать запятую.
запятая используется для пропуска элемента в массиве. Мы также можем хранить более одного элемента в одной переменной. Итак, мы используем эту технику
Здесь мы используем параметр rest для разрушения.
Мы можем использовать шаблон деструктуризации с функциями
В приведенном выше коде мы объявили две переменные, используя шаблон деструктуризации, и одновременно вызвали функцию. В результате функции возвращают массив, который хранится в переменных.
Не всегда обязательно использовать заранее определенные значения. Мы также можем использовать значения по умолчанию
Мы можем использовать подсказки, чтобы принять значения по умолчанию, которые будут исходить от пользователя.
Также возможна замена значений
Мы можем принимать вводимые пользователем данные, включать их в объект и использовать.
Используя Object. Entries (), мы можем перебирать ключи и значения объекта.
Используя этот метод, мы можем легко перебрать этот метод. Надеюсь, вы понимаете, как можно использовать деструктуризацию массива. Теперь давайте посмотрим, как мы можем использовать деструктуризацию объектов.
Деструктуризация объекта
Это почти похоже на деструктуризацию массива. Посмотрим на этот код
Если мы хотим дать свойству другое имя, мы можем использовать этот код
Использование паттерна покоя при деструктуризации объекта
Не всегда необходимо использовать шаблон «let {….} = {….}» для деструктуризации объектов. мы можем использовать этот метод:
Давайте посмотрим на деструктуризацию вложенных объектов
Посмотрите, как мы извлекали информацию из объекта person внутри функции. Но мы можем легко сделать то же самое с техникой деструктуризации.
Это просто, чисто и удобно, не так ли?
Мы также можем добавить другие параметры в эту функцию, даже если мы можем установить для параметра значение по умолчанию
Заключение
Изучение метода деструктуризации сделает ваш код чистым, управляемым и сэкономит время. Надеюсь, вам понравилась моя статья. Следуйте за мной для будущих статей. Большое спасибо
