Spread operator in JavaScript

In ES6 verscheen een speciale operator ..., genaamd spread.

Wanneer de spread operator voor een array staat, splitst het deze array in afzonderlijke waarden, waardoor de array verandert in een reeks parameters die nodig zijn voor het aanroepen van een functie.

Het klinkt waarschijnlijk onduidelijk, dus laten we kijken naar een eenvoudig voorbeeld. Stel we hebben een functie die 3 parameters accepteert en hun som teruggeeft:

function func(num1, num2, num3) {
	return num1 + num2 + num3;
}

Stel we hebben ook een array met drie elementen:

let arr = [1, 2, 3];

Het is duidelijk dat we niet zomaar deze array als parameter aan de functie kunnen doorgeven, zoals hier:

let arr = [1, 2, 3];
func(arr);

Want in dit geval komt de hele array in de eerste parameter van de functie terecht, en in deze parameter moet een getal worden doorgegeven (en ook in de andere parameters).

Natuurlijk kunnen we het als volgt aanpakken:

let arr = [1, 2, 3];
func(arr[0], arr[1], arr[2]);

Maar er is een eenvoudigere manier - gebruik de spread operator:

let arr = [1, 2, 3];
func(...arr);

De aanwezigheid van een variabele is niet verplicht - spread kan direct op de array worden toegepast:

func(...[1, 2, 3]);

Gegeven is een array:

let arr = [1, 2, 3, 4, 5];

Ook is een functie gegeven:

function func(num1, num2, num3, num4, num5) {
	return num1 + num2 + num3 + num4 + num5;
}

Vind met behulp van de gegeven functie de som van de elementen van de array.