Hvordan man bruger udvidelsesoperator (...)

Lær hvordan man bruger三点运算符 (...) også kendt som udvidelsesoperatoren.

udvidelsesoperator (spread operator)

JavaScripts udvidelsesoperator (...) kan udvide en itererbar objekt (som et array) til flere elementer.

Dette giver os mulighed for hurtigt at kopiere hele eller dele af en eksisterende array til en anden array:

eksempel

Brug udvidelsesoperatoren i JavaScript til at kombinere to arrayer

const talEn = [1, 2, 3];
const talTo = [4, 5, 6];
const kombineredeTal = [...talEn, ...talTo];

prøv det selv

Udvidelsesoperatoren bruges ofte til at udtrække nødvendige dele fra en array:

eksempel

Tildel det første og andet element i tal-arrayet til variablerne, og de resterende dele til en anden array:

const tal = [1, 2, 3, 4, 5, 6];
const [en, to, ...rest] = tal;

prøv det selv

Vi kan også bruge udvidelsesoperatoren på objekter:

eksempel

const myVehicle = {
  mærke: 'Ford',
  model: 'Mustang',
  farve: 'rød'
}
const updateMyVehicle = {
  type: 'bil',
  år: 2021,
  farve: 'gul'
}
const myUpdatedVehicle = {...myVehicle, ...updateMyVehicle}

prøv det selv

Bemærk, at ikke matchende egenskaber er kombineret, men matchende egenskaber farve den sidste indsatte objekt updateMyVehicle Dækket. Den endelige fargen er nu gul.

Relaterte sider

Tutorial:JavaScript ES6