ВМ

Веб Мастерская | Веб разработка и программирование | ИТ | IT

IT и технологии · 4 ноября 2026 г.

Открыть канал в MAX

JS:

JS: Деструктуризация в JS: приёмы, которые экономят ваш код и нервы Коллеги, привет! 👋 Признавайтесь, сколько раз вы писали простыню из const name = user.name; const age = user.age;? Если делали это на реальных проектах, пора оптимизировать рутину. Сегодня разбираем деструктуризацию объектов и массивов. 1. Базовый «распил» объекта Вместо того чтобы тянуть свойства по одному, забираем всё нужное сразу: const { name, age, role } = user; Код стал чище, а пальцы целее. 2. Переименование на лету (Спасение от кривого API) Бэкенд прислал нечитаемый usr_nme? Не проблема, переименовываем переменную сразу при получении: const { usr_nme: userName } = response; 3. Дефолтные значения (Броня от ошибок) Если свойство может не прийти (а оно обязательно не придет в пятницу вечером перед релизом), задаем страховку: const { theme = 'dark', status = 'active' } = settings; Никаких лишних if проверок. 4. Деструктуризация в параметрах функции (Уверенный Мидл) Мой любимый приём. Если функция принимает объект настроек, не нужно внутри писать options.speed. Делаем красиво: function startSlider({ speed = 500, loop = true } = {}) { ... } Сразу видно, какие параметры мы ждем. Идеально для конфигов и пропсов! 5. Массивы: пропуск лишних элементов Нужен только первый и третий элемент массива? Просто ставим запятую-пропуск: const [first, , third] = ['Яблоко', 'Груша', 'Апельсин']; 6. Трюк с обменом значений Классика жанра. Меняем переменные местами без танцев с бубном и создания третьей переменной: [a, b] = [b, a]; 7. Отсекаем лишнее (Оператор Rest) Реальный кейс: нужно вырезать конфиденциальный пароль перед отправкой данных на клиент. const { password, ...publicData } = user; Всё лишнее отсеяно в publicData, безопасность на высоте. Деструктуризация — это не просто «красивый код», это скорость написания и легкость чтения. Внедряйте эти фишки в свои проекты, и код-ревью будет проходить куда приятнее. Вот так. Идем кодить дальше! 🚀