Публикации по теме 'destructuring'
Путешествие по ES6 — Деструктуризация
Примечание. Поскольку Medium не поддерживает подсветку синтаксиса кода, исходная статья была написана здесь. Перейдите туда, если хотите скопировать фрагменты кода: https://gist.github.com/jefflau/90ecf88a2818f52cae49
Деструктуризация — очень полезная техника в ES6. Это позволяет вам «разбить» или «деконструировать» объект на переменные. Думайте об этом как о сглаживании объекта, чтобы все свойства и значения стали обычными переменными.
Простой пример
Простой практический..
Замена опускания lodash с использованием реструктуризации объекта и синтаксиса распространения
Быстрая альтернатива удобному опусканию
_.omit() - это очень удобная функция, которая позволяет вам создавать объект, который исключает свойства из объекта, вместо того, чтобы явно включать все остальные свойства. Но теперь он устарел в Lodash 5 и, вероятно, к лучшему. Для более глубокого понимания причины его удаления я бы предложил статью Демпси.
В Lodash 5 удаляются пропуски Некоторые альтернативы, которые вы можете использовать сейчас, чтобы..
Деструктуризация в React
Я впервые познакомился с концепцией деструктуризации, когда изучал ES6 на Javascript. Я допускаю, что деструктуризация существует во многих кодах других программистов, но, к сожалению, не в моем. В основном это связано с тем, что я привык писать длинный многоуровневый код. «Пока мой проект работает, рефакторинг может подождать».
Чем больше функций мы хотим иметь в нашем приложении, тем больше кода мы будем писать. Папка нашего проекта стала больше, кодовая страница стала длиннее, и..
Деструктуризация присваивания - Java Script
Синтаксис деструктурирующего присваивания - это выражение JavaScript, которое позволяет распаковывать значения из массивов или свойства из объектов в отдельные переменные.
Предположим, мы получили информацию в виде Object и хотим выбрать элементы из коллекции. Трудно извлечь каждую пару свойство / значение из Object , а затем назначить ее переменной.
Деструктурирование позволяет нам меньше печатать и четко понимать, что мы хотим извлечь из Object . В этом случае..
Склонность к разрушению
В моем последнем проекте я работал над реализацией Minesweeper на React-Redux. В этом процессе я часто обращаюсь к определенным квадратам в сетке. Обычно я делаю это, набрав:
grid[1][5]
что дало мне шестую клетку во втором ряду. (Ах, нулевая индексация.)
Для некоторой функциональности мне нужно было передавать наборы координат в виде массивов, а-ля [1, 5]. Чтобы получить доступ к этим аргументам, я набрал что-то вроде
grid[array[0]][array[1]]
Грязно, но ладно. По крайней мере,..
JavaScript: деструктуризация массива (ES6)
JavaScript: деструктуризация массива (ES6)
Полное руководство по извлечению значений из массивов
Назначение деструктуризации - это функция, представленная в ECMAScript 2015 (ES6), которая позволяет нам получать доступ к значениям массивов или свойствам объектов, а затем легко присваивать их отдельным переменным. Обсуждение возможностей деструктуризации в массивах будет нашей основной целью в этом сообщении в блоге.
Начнем с примера, поясняющего базовое назначение переменных с..
Разрушение массивов
В текущей версии Javascript у нас есть возможность разбирать структуру объектов.
Массивы:
Базовая деструктуризация
const pizzaPrices = [8.90, 13.21, 16.00];
const [low, average, high] = pizzaPrices;
console.log(average); // 13.21
В приведенном выше примере мы деструктурируем pizzaPrices , чтобы присвоить переменные их элементам.
Пропуск элементов и отдых
const pizzaPrices = [8.90, 13.21, 16.00, 17.50, 19.99, 22.00];
const [low, , high, ...diamondsInPizza] =..