Hoe je de uitbreidingsoptie (...)

Leer hoe je de driepuntsoptie (...) wordt ook wel uitbreidingsoptie genoemd.

uitbreidingsoptie (spread operator)

De uitbreidingsoptie van JavaScript (...) kan een iterabele object (zoals een array) uitbreiden tot meer elementen.

Dit stelt ons in staat om snel de hele of een deel van een bestaande array te kopiëren naar een andere array:

voorbeeld

Gebruik de uitbreidingsoptie van JavaScript om twee arrays te combineren

const getallenEén = [1, 2, 3];
const getallenTwee = [4, 5, 6];
const getallenGecombineerd = [...getallenEén, ...getallenTwee];

probeer het zelf

De uitbreidingsoptie wordt vaak gebruikt om het benodigde deel van een array te extraheren:

voorbeeld

Deel het eerste en het tweede element van het getallen-array toe aan variabelen en plaats het resterende deel in een andere array:

const getallen = [1, 2, 3, 4, 5, 6];
const [een, twee, ...rest] = getallen;

probeer het zelf

We kunnen ook de uitbreidingsoptie gebruiken op objecten:

voorbeeld

const myVehicle = {
  merk: 'Ford',
  model: 'Mustang',
  kleur: 'rood'
{}
const updateMyVehicle = {
  type: 'auto',
  jaar: 2021,
  kleur: 'yellow'
{}
const myUpdatedVehicle = {...myVehicle, ...updateMyVehicle}

probeer het zelf

Let op, niet-bijpassende eigenschappen zijn samengevoegd, maar bijpassende eigenschappen kleur het laatste ingebrachte object updateMyVehicle Covered. The final color is now yellow.

Related pages

Tutorial:JavaScript ES6