Упрощенный взгляд на использование оператора Spread (…) в JavaScript
Введение
В веб-документах MDN говорится: Синтаксис Spread (…) позволяет итерируемому объекту, такому как выражение массива или строка, расширяться в местах, где ноль или более аргументов (для вызовов функций) или элементов (для литералов массива ) или объектное выражение, которое будет развернуто в местах, где ожидается ноль или более пар ключ-значение (для объектных литералов)..
… это много сложного, верно? Что ж, постараюсь обобщить для вас. И, надеюсь, к концу этой статьи вы будете знать, как использовать оператор спреда.
Как использовать оператор спреда
Спред можно использовать тремя различными способами:
- Для вызова функции
- Для массива
- Для объекта
Хотя чаще всего вы будете использовать его в объекте или массиве, все же полезно знать, как использовать его в вызове функции. И я подробно расскажу о каждом из них ниже.
Для вызова функции
Оператор «спред», как следует из его названия, расширяет значения. В случае использования оператора распространения при вызове функции вы вызываете ее как myFunction(...args)
. А в теле функции можно использовать переменную args
как обычный массив с каждым элементом внутри массива в качестве одного из введенных аргументов.
Для массива
Оператор распространения также может использоваться для массива. Опять же, как следует из названия, он раскрывает значения. И вы можете использовать этот оператор распространения в массивах для объединения массивов и глубокого копирования массивов. И я покажу вам, как выполнить обе эти задачи.
Для объекта
Оператор распространения также может использоваться для объекта. И снова, как следует из названия, он раскрывает ценности. Объекты можно объединять с помощью оператора распространения, как и массивы. Кроме того, оператор распространения может использоваться для обновления свойств внутри объекта.
Заключение
Оператор спреда можно использовать по-разному, и я настоятельно рекомендую ознакомиться с ним. Оператор распространения — это, по сути, синтаксический сахар, но при правильном использовании он может сделать ваш код чище и улучшить читабельность. Поверьте мне, потратьте около 30 минут на поиск информации об операторе спреда, и вы будете мне благодарны.
Надеюсь, эта статья поможет вам понять оператор Spread (…). Пожалуйста, дайте мне знать, если вы считаете, что я что-то неправильно понял, и я внесу необходимые изменения в статью. Спасибо!