Кто они такие?
Оператор и параметр REST, одна из передовых функций, представленных в ES6, позволяет нам распространять и объединять несколько элементов соответственно. Оба они обозначены 3 периодами ... . Несмотря на то, что они могут выглядеть одинаково, они работают по -другому. В то время как оператор спреда расширяет массив, объект, строку или любой другой иерный, параметр REST, однако, делает полную противоположность – он объединяет несколько элементов вместе в итерабируемые.
Как их использовать?
Давайте посмотрим на использование оператора спреда с помощью некоторых примеров –
Здесь у нас есть множество фруктов. Он будет печатать на экране таким образом
и использование оператора спреда
Массив напечатан таким образом.
Распространенный оператор расширил содержимое массива на отдельные элементы. Мы также можем создать копию этого массива, добавляя новые элементы:
Таким образом, оператор спреда имеет много применений.
Оператор REST используется для комбинирования нескольких элементов и особенно полезен во время массива и разрушения объекта.
В примере выше, первые два элемента из массива люди являются разрушен или разбито на 2 переменные доктор и юрист соответственно. Остальные элементы объединены в Студенты переменная в виде массива с помощью оператора отдыха.
Вот еще один пример с объектом:
Здесь мы берем объект, затем разбиваем его и назначаем его отдельным переменным, а затем объединяем оставшиеся свойства объекта в одном объекте. Давайте распечатаем его и посмотрим результат:
Где их использовать?
Мы видели, как используются операторы распространения и отдыха. Мы можем использовать оператор спреда для эффективных разделенных массивов, объектов и строк. Разделение строки на символы стало проще. Работа с объектами стала беспроблемной. Будь то копирование, клонирование или объединение, оператор спреда позволяет легко работать с массивами и объектами.
Что касается оператора отдыха, то больше нет необходимости делать все эти сложные вещи, такие как доступ к аргументы объект при работе с аргументами переменной функции. Просто использование оператора отдыха решает все для нас:
Это работает просто отлично, так как оператор REST объединяет все аргументы, передаваемые функции в массиве. Все, что нам нужно сделать, это пройти через массив, и мы можем получить доступ ко всем аргументам.
Заключительные слова
Вот еще одна хорошая статья, объясняющая операторы отдыха и распространять Анжелику Ярош. Она довольно хорошо объясняет операторов и подробно.
Остальные операторы и распространение, на мой взгляд, являются одной из лучших особенностей ES6 вместе с Обещания . Они предлагают много преимуществ для их использования в дополнение к тому, чтобы сделать код более читаемым. Если вы еще не использовали их, чего вы ждете?
Оригинал: “https://dev.to/napoleon039/how-to-use-the-spread-and-rest-operator-4jbb”