Синтаксис распространения является новым дополнением к набору операторов в JavaScript ES6. Он принимает итерируемый объект (например, массив) и расширяет его на отдельные элементы.

Синтаксис распространения обычно используется для создания мелких копий объектов JS. Использование этого оператора делает код кратким и улучшает его читаемость.

Синтаксис

Синтаксис распространения обозначается тремя точками, ….

let array = [...value]

Поскольку структура данных массива широко используется, она будет рассмотрена во всех последующих примерах.

1. Копирование массива

В array2него array1скопированы элементы . Любые изменения, внесенные в array1, не будут отражены, array2и наоборот.

Если бы использовался простой оператор присваивания, тогда array2ему была бы назначена ссылка, array1и изменения, сделанные в одном массиве, отразились бы в другом массиве, что в большинстве случаев нежелательно.

let array1 = ['h', 'e', 'l', 'l', 'o'];
let array2 = [...array1];
console.log(array2);
['h', 'e', 'l', 'l', 'o'] // output

Видно, что синтаксис распространения можно использовать для добавления одного массива после любого элемента второго массива. Другими словами, нет никаких ограничений, которые dessertsмогут быть добавлены только в начале конца desserts1массива.

let desserts = ['cake', 'cookie', 'donut'];
let desserts1 = ['icecream', 'flan', 'frozen yoghurt', ...desserts];
console.log(desserts);
//Appending baked_desserts after flan
let desserts2 = ['icecream', 'flan', ...desserts, 'frozen yoghurt'];
console.log(desserts2);
// output
[ 'cake', 'cookie', 'donut' ]
[ 'icecream', 'flan', 'cake', 'cookie', 'donut', 'frozen yoghurt' ]

function multiply(number1, number2, number3) {
  console.log(number1 * number2 * number3);
}
let numbers = [1,2,3];
multiply(...numbers);

//Passing elements of the array as arguments to the Math Object
let numbers = [1,2,300,-1,0,-100];
console.log(Math.min(...numbers));

Надеюсь, вам понравился этот пост.