spread-оператор в вызовах функций синтаксически идентичен rest-оператору в определениях, но выполняет обратное действие. Посмотрим на примере функции sum, напоминаю её опредение:

const sum = (...numbers) => {
  let result = 0;
  for (let num of numbers) {
    result += num;
  }
  return result;
};

Вызовем sum, применив spread-оператор к массиву аргументов:

const arrayOfnumbers = [1, 7, 4];
sum(...arrayOfnumbers); // 12

spread-оператор раскладывает массив на аргументы. Количество аргументов, полученных spread-оператором, равно количеству элементов массива. По сути, код выше преобразуется в вызов:

sum(arrayOfnumbers[0], arrayOfnumbers[1], arrayOfnumbers[2]);
// sum(1, 7, 4);

Как и в случае с определением функций, spread-оператор может использоваться совместно с позиционными аргументами:

const arrayOfnumbers = [1, 7, 4];
sum(8, ...arrayOfnumbers); // 20

sum(8, 10, ...arrayOfnumbers);     // 30
sum(8, 10, 70, ...arrayOfnumbers); // 100

В отличие от rest-оператора в определении функций, spread-оператор не обязательно должен быть последним, он может располагаться в любой позиции:

const arrayOfnumbers = [1, 7, 4];

sum(8, 10, ...arrayOfnumbers); // 30
sum(8, ...arrayOfnumbers, 10); // 30
sum(...arrayOfnumbers, 8, 10); // 30

Более того, может быть любое количество spread-операторов и в любом порядке:

const arr1 = [1, 7, 4];
const arr2 = [5, 5];

// sum(1, 7, 4, 5, 5);
sum(...arr1, ...arr2); // 22

// sum(5, 5, 1, 7, 4);
sum(...arr2, ...arr1); // 22

// sum(8, 1, 7, 4, 5, 5);
sum(8, ...arr1, 10, ...arr2); // 40
Мы учим программированию с нуля до стажировки и работы. Попробуйте наш бесплатный курс «Введение в программирование» или полные программы обучения по Node, PHP, Python и Java.

Хекслет

Подробнее о том, почему наше обучение работает →