Spread Operator
de spread operator” spreads ” de waarden in een iterable (arrays, strings) over nul of meer argumenten of elementen. Ik leg later wel uit wat dat betekent. Maar laten we eerst kijken hoe we twee arrays kunnen combineren:
deze methode werkt en doet precies wat we willen: neem arr2 en plak het op het einde van arr1. Maar dit vereist dat we de concat methode onthouden. Het zou leuker zijn om zoiets als dit te kunnen doen.: . Dit gebeurt er als we dat proberen.:
nu hebben we een geneste array. We kunnen een for loop gebruiken, maar dat is veel code om een relatief eenvoudige taak te volbrengen. Dankzij ES6 hebben we nu een eenvoudiger manier om twee arrays te combineren: de spread operator.
zoals hierboven vermeld, neemt de spread operator een array (of een iterabel) en verspreidt deze waarden. Laten we eens kijken hoe het werkt:
dat is veel eenvoudiger! De spread operator ( … ) neemt de waarden van arr1 en verspreidt ze over arr2. We zouden het bovenstaande voorbeeld ook zo kunnen schrijven:
de spread operator kan ook worden gebruikt in een functie aanroep. Laten we zeggen dat we een functie hebben die een aantal parameters neemt en we hebben de parameters die we willen doorgeven opgeslagen in een array. Hoe kunnen we de functie bellen en de reeks parameters doorgeven? Dit is hoe we dat zouden doen voor ES6:
nogmaals, het zou leuk zijn om zoiets als dit te kunnen doen: mySum (params). Dit gebeurt er als we dat proberen.:
met behulp van de spread operator kunnen we het bovenstaande voorbeeld als volgt schrijven:
zoals je kunt zien, neemt de spread operator de reeks parameters en verspreidt ze over de argumenten in de functie aanroep. Maar wat als we onze functie nodig hebben om te kunnen werken met een onbekend aantal parameters? Dat is waar de rest parameter van belang is.
