// пример
В данном примере переданный в функцию массив 
разделяется на три значения: Spread, Rest и Operator,
 после чего передаются функции log. Таким образом, оператор ...,
  используемый перед массивом, или любой другой коллекцией значений 
  (строки, объекты), называет spread.

var log = function(a, b, c) {
  console.log(a, b, c);
};

log(...['Spread', 'Rest', 'Operator']); // Spread Rest Operator

// пример
Клонирование свойств массивов
var arr = ['will', 'love'];
var data = ['You', ...arr, 'spread', 'operator'];
console.log(data); // ['You', 'will', 'love', 'spread', 'operator']
Подобным образом можно скопировать и весь массив целиком

var arr = [1, 2, 3, 4, 5];
var data = [...arr];
console.log(data); // [1, 2, 3, 4, 5]
Важно понимать, что при подобном использовании оператора ... происходит именно копирование всех свойств, а не ссылки на массив.

var arr = [1, 2, 3, 4, 5];
var data = [...arr];
var copy = arr;

arr === data; // false − ссылки отличаются − два разных массива
arr === copy; // true − две переменные ссылаются на один массив
// пример
Оператор rest
В самом начале статьи я уже упоминал, что оператор ... 
интерпретируется по-разному, в зависимости от контекста применения. 
Spread используется для разделения коллекций на отдельные элементы,
 а rest, наоборот, для соединения отдельных значений в массив.

var log = function(a, b, ...rest) {
  console.log(a, b, rest);
};

log('Basic', 'rest', 'operator', 'usage'); // Basic rest ['operator', usage]

Используя параметр ...rest в функции log вы говорите интерпретатору:
 “собери все оставшиеся элементы в массив с именем rest”. 
 Разумеется, если вы не передадите в функцию других именновах параметров,
  то ... соберёт все аргументы:

var log = function(...args) {
  conole.log(args);
};

log(1, 2, 3, 4, 5); // [1, 2, 3, 4, 5]

Таким образом, больше нет необходимости переводить псевдо-массив arguments функций в настоящий массив − оператор rest сделает это сам:

// Раньше
var sum = function() {
  var args = [].slice.call(arguments);
  return args.reduce(function(s, num) {
    return s += num;
  }, 0);
};

// Теперь
var sum = function(..args) {
  return args.reduce(function(s, num) {
    return s + num;
  }, 0);
};

// Ещё короче с использованием стрелочных функций
var sum = (...args) => args.reduce((s, num) => s + num, 0);

let staticLanguages = ['C', 'C++', 'Java'];
let dynamicLanguages = ['JavaScript', 'PHP', 'Ruby'];

let languages = [...staticLanguages, 'C#', ...dynamicLanguages, 'Python'];

console.log(languages);

function add(x, y, z) {
    console.log(x + y + z);
}

let numbers = [1, 2 ,3];

add(...numbers);