Miten käyttää laajennuslaskinta (...)

Opi, miten käyttää kolmipiste laskinta (...) tunnetaan myös laajennuslaskimena.

laajennuslaskin (spread operator)

JavaScriptin laajennuslaskin (...) Voimme laajentaa jaettavaa objektia (kuten taulukkoa) useampiin elementteihin.

Tämä mahdollistaa nopean kopiointi nykyisen taulukon kaikkien tai osien kopiointi toiseen taulukkoon:

esimerkki

Käytä JavaScriptin laajennuslaskintaa kahden taulukon yhdistämiseen

const luvutYksi = [1, 2, 3];
const luvutKaksi = [4, 5, 6];
const yhdistetytLuvut = [...luvutYksi, ...luvutKaksi];

kokeile itse

Laajennuslaskin käytetään usein osien ottamiseen taulukosta:

esimerkki

Tee luvut-taulukon ensimmäinen ja toinen alkio vara muuttujille ja loput osa toiseen taulukkoon:

const luvut = [1, 2, 3, 4, 5, 6];
const [yksi, kaksi, ...jäljellejäävät] = luvut;

kokeile itse

Voimme myös käyttää laajennuslaskintaa objekteissa:

esimerkki

const myVehicle = {
  merkki: 'Ford',
  malli: 'Mustang',
  väri: 'punainen'
}
const updateMyVehicle = {
  tyyppi: 'auto',
  vuosi: 2021,
  väri: 'keltainen'
}
const myUpdatedVehicle = {...myVehicle, ...updateMyVehicle}

kokeile itse

Huomaa, että epä匹配attavat ominaisuudet yhdistetään, mutta matchattavat ominaisuudet väri viimeinen syötetty objekti updateMyVehicle Kattaa. Lopullinen väri on keltainen.

Liittyvät sivut

Oppitunti:JavaScript ES6