Оператор многоточие(…) в JavaScript

07.12.2018
Язык программирования Javascript

Синтаксис распространения (… три точки)

Синтаксис spread позволяет нам расширять массивы или строки, где для вызовов функций, литералов массива или литералов объектов требуются нулевые или другие аргументы.

Давайте посмотрим на практике

 

Объединение массивов

const fruits = ['apples', 'apricots', 'pears'];
const veg = ['broccoli','corn','cucumber'];
const vegplusfruits = [...fruits,...veg];
console.log(vegplusfruits)
//вывод
// ['apples', 'apricots', 'pears','broccoli','corn','cucumber']

 

Вызов функций

function sum (a,b,c,d,e,f,g,h){
return a+b+c+d+e+f+g+h;
}

var numbers = [1,2,3,4,5,6,7,8];
console.log(sum(...numbers));
//вывод -> 36

 

Копирование объектов

const user1 = {
id: 1,
name: "andreyex",
}
const copyUser1 = {
...user1
}

console.log(copyUser1)
/*
вывод
{
id: 1,
name: "andreyex"
}
*/

 

Строки

Мы также можем разбить строки с помощью оператора spread.

let name = "JavaScript"
console.log([...name]);
//Вывод ["J", "a", "v", "a", "S", "c", "r", "i", "p", "t"]

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Редактор: AndreyEx

Рейтинг: 4.4 (8 голосов)

Поделиться в соц. сетях:

Один комментарий

Shio 25.01.2020 в 5:45

🙂

Оставить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Загрузка...

Спасибо!

Теперь редакторы в курсе.

Прокрутить страницу до начала