После выпуска ES2016 (он же ES6) разработчикам стало доступно множество новых функций для работы с массивами и объектами. Мы используем объекты для хранения нескольких значений в JavaScript.
Итак, в этой статье я объясню destructuring, rest parameters и spread syntax. Моя цель - детально определить эти свойства, чтобы мы могли работать с массивами и объектами намного быстрее и проще.
Многие другие языки не имеют синтаксиса, соответствующего деструктуризации, параметрам отдыха и распространению, поэтому эти функции могут иметь разный цикл обучения как для разработчиков, не знакомых с JavaScript, так и для разработчиков с другого языка. В этой статье вы узнаете, как деструктурировать объекты и массивы, использовать оператор распространения для открытия объектов и массивов и использовать остальные параметры в вызовах функций.
Остальные параметры
Остальные параметры - это params в C # и varArgs в Java. Я хотел указать выражения, соответствующие отдыху на разных языках, чтобы мы могли сразу связать их в нашем сознании.
С помощью остальных параметров мы можем собрать неопределенное количество аргументов в массив и обработать их соответствующим образом. Вместо того, чтобы разбивать массив или объект на отдельные значения, оставшийся синтаксис создаст массив с неопределенным числом аргументов. Итак, у нас будет новый массив, и он будет прочитан.
Он отображается как …values. Остальные параметры должны быть в последнем аргументе. Это потому, что он собирает все оставшиеся или избыточные аргументы в массиве.
Если ваши данные имеют массив в массиве, вы должны использовать его следующим образом, чтобы получить правильный результат.
Параметры спреда
Это противоположно распространению, отдыху. Это позволяет нам анализировать существующие объекты или массивы.
В этом примере функция max запрашивает у нас тип отдыха. Если мы печатаем точки, как в примере, мы записываем значения на экран, анализируя их из массива, но мы не можем ожидать, что он напечатает максимальное число.
Если мы хотим напечатать максимальное значение, мы должны поместить точки распространения в параметр max.
… ”ABC” = ›Поскольку мы пишем с оператором … перед ним, мы можем получить ваши данные, разделенные по одному, благодаря Spread. Он выведет нам A B C, как мы хотим.
Параметры разрушения
Он обеспечивает присвоение другим переменным путем извлечения значений объекта или массива, который у нас есть.
В JavaScript нет параметра массива, но если мы укажем параметр в квадратных скобках, он определит его как деструктурирующий. (С Ecmascript 6 мы можем работать с переменными в формате массива и объектном формате в определении переменных)
Теперь мы напишем пример массива и декструктурируем этот массив.
Разрушение массива
- Здесь мы получили нужные данные, разрушив массив с именем populations.
- В этом примере есть критическая часть - состояние массива внутри массива. В этом сценарии small соответствует 10000, средним - 20000, большим - 30000, а veryHeight - указанному там массиву [veryhight, max], поэтому переменная max становится неопределенной, потому что больше нет данных. Так как же нам предотвратить эту ситуацию?
3. Точно так же, как показано в 3-м примере, мы также разберем его, выполнив новую операцию деструктуризации.
Разрушение объекта
Предположим, у нас есть объект с именем category. Чтобы получить доступ к полям id и name , на этот раз используя скобки спецификатора объекта {}, я приравниваю let specifier к категории. Таким образом, мои переменные id и name, которые я проанализировал, были фрагментированы. Я могу использовать идентификатор и имя где захочу.
Надеюсь, это было полезно. Увидимся в моем следующем посте✋
