De spread-operator in JavaScript is een handige operator die wordt aangeduid met drie punten (…).
Deze operator kan op verschillende manieren worden gebruikt:
1. Om elementen van een array uit te pakken.
2. Om elementen van een object uit te pakken.
3. Om een nieuw object of een nieuwe array te maken door bestaande objecten of arrays te kopiëren en/of te wijzigen.
Bijvoorbeeld:
```
let arr1 = [1, 2, 3];
let arr2 = […arr1, 4, 5]; // arr2 wordt [1, 2, 3, 4, 5]
```
Het kan ook worden gebruikt in functieargumenten:
```
function myFunc(x, y, z) {
console.log(x, y, z);
}
let args = [1, 2, 3];
myFunc(…args); // prints 1 2 3
```
Bij objecten kan het handig zijn om objecten te klonen of te fuseren:
```
let obj1 = {a: 1, b: 2};
let obj2 = {…obj1, c: 3}; // obj2 wordt {a: 1, b: 2, c: 3}
```
Het is belangrijk om te begrijpen dat de spread-operator slechts een “shallow copy” maakt. Dat betekent dat het alleen de bovenste lagen kopieert. Als uw array of object geneste arrays of objecten bevat, worden die niet gekloond, maar worden de referenties gekopieerd.
