JavaScripti liitmine: mis on JavaScripti liitmine ja mida see saab teha?

Taasavaldanud Platon

järgijaid: 0

Kujutage ette, et teil on nimekiri restoranidest, mida soovite proovida, ja kui olete lõpuks ühes neist õhtust söönud, ei taha te seda restorani loendist lihtsalt maha jätta, vaid soovite selle ka täielikult eemaldada.

Seega eemaldate restorani, mida olete proovinud, ja nüüd on teie algses loendis ainult need restoranid, mida olete veel proovinud. Siin oleme kirjeldanud üht JavaScripti splaissingu funktsiooni.

Mis on JavaScripti splaissimise meetod ja mida see teha saab?

Olgu, astume natuke tagasi. Oleme kirjeldanud, mida JavaScripti splaiss teha saab, kuid mis see täpselt on?

JavaScripti splice() meetod on JavaScripti massiivi funktsioonide jaoks sisseehitatud meetod. Splice muudab algset massiivi, eemaldades, asendades või lisades elemente. Tagastusväärtus on uus massiiv, mis sisaldab kustutatud elemente. Kui elemente ei eemaldata, tagastatakse tühi massiiv. JavaScripti splaissi põhisüntaks on:

Array.splice(start, removeCount, newItem, newItem, newItem, ...)

Kuidas eemaldada massiivist elemente JavaScripti splaissiga

Elemendi eemaldamiseks massiivist JavaScripti splaissi abil peate teadma eemaldatava elemendi indeksi numbrit.

Tulles tagasi näite juurde, mille tõime selle õpetuse alguses. Oletame, et meie restoranide loend sisaldab A, B, C ja D, see oleks algne massiiv. Restoran, mida proovisime, on D. D eemaldamiseks peaksime teadma selle indeksi numbrit. Kuna massiivi indeks algab 0-st, oleks indeks (X-1). Sel juhul oleks indeksi number 3.

Nüüd saame kasutada JavaScripti viilu meetodit, et eemaldada algsest massiivist restoran, mida oleme juba külastanud: "`
const restoranid = ["A", "B", "C", "D"]

console.log(restaurants.splice(3, 1)) // väljund: ["D"]
console.log(restorants) // väljund: ["A", "B", "C"]
""

Siin näeme, et algne massiiv on jagatud kaheks: algne massiiv koos ülejäänud elementidega ja tagastatav väärtus on massiiv koos eemaldatud elemendi(te)ga.

Lisateavet selle kohta, kuidas kasutada JavaScripti splaissi massiivi elementide eemaldamiseks, vaadake siit see blogipostitus.

Kuidas lisada massiivile elemente JavaScripti splaissiga

Saate massiivile uusi elemente lisada ka JavaScripti splaissi abil. Pidades silmas täielikku splaissi süntaksit, saate lisada uusi elemente, määrates eemaldatavate elementide arvu väärtuseks 0 ja enne uute elementide deklareerimist.

Näiteks lisame oma massiivile E.

""
const restoranid = ["A", "B", "C", "D"]

console.log(restaurants.splice(3, 0"E")) // väljund: []
console.log(restoranid) // väljund: ["A", "B", "C", "E", "D"]
""

See toimib ka siis, kui soovite massiivi elemente nii eemaldada kui ka lisada. Näiteks eemaldame ülaltoodud massiivist D ja lisame D asukohta F ja G.

""
const restoranid = ["A", "B", "C", "D"]

console.log(restaurants.splice(3, 0,E”)) // väljund: ["D"]
console.log(restaurants) // väljund: ["A", "B", "C", "F", "G"]
""

Splice vs Slice: mis vahe on kahel JavaScripti meetodil?

Üks segadus, mis paljudel JavaScripti arendajatel võib olla, on liitmine ja viil: kas need on samad? Kui ei, siis mis vahet sellel on? Kõlab jube sarnaselt!

Kuigi nii splaiss kui ka slice on sisseehitatud JavaScripti meetodid ja kõlavad väga sarnaselt, on neil tegelikult erinev roll. Massiivi üksustega manipuleerimiseks saab kasutada nii JavaScripti splaissi kui ka lõiku.

Kuid nagu eespool mainitud, muudab JavaScripti splaissimeetod otse algset massiivi ja kui see on olemas, tagastab eemaldatud elementide massiivi. Teisest küljest ei muuda JavaScripti viilumeetod algset massiivi, vaid tagastab uue massiivi, mis on algse massiivi "jaotis". Saate määrata selle valiku "alguse" ja "lõpu", mille soovite viilumeetodil tagastada.

Pärast selle artikli lugemist peaksid teil olema põhiteadmised JavaScripti splaissi kasutamisest. Kuigi see tundub lihtne, ärge alahinnake kogu seda maagiat, mida liitmismeetod võib teha. Kui soovite lisateavet splaissimise kohta, leida mentor et aidata teil JavaScripti samm-sammult omandada!