Objektin lisääminen taulukkoon JavaScriptissä

Objektin Lisaaminen Taulukkoon Javascriptissa



Koska JavaScript-taulukoiden koko muuttuu automaattisesti, kun lisäät niihin kohteita, sinun ei tarvitse huolehtia niiden täyttymisestä. Indeksoinnin avulla voidaan helposti käyttää kaikkia taulukossa olevia kohteita. JavaScript tarjoaa useita sisäänrakennettuja menetelmiä, jotka sopivat ihanteellisesti kohteiden lisäämiseen taulukoihin. Tässä yksityiskohtaisessa oppaassa käymme läpi menetelmät, joilla voidaan lisätä objekteja JavaScript-taulukoihin.

Objektin lisääminen taulukkoon JavaScriptissä

Yksinkertaisin tapa objektin tai muun tyyppisen elementin lisäämiseksi JavaScript-taulukkoon on indeksointi. Voit vain määrittää objektin taulukon hakemistoon ja jos siellä on jo alkio, se korvataan uudella objektilla:

anna obj = { 'Nimi' : 'John Doe' , 'id' : 3 } ;

anna arr = [ { 'Nimi' : 'Richard Roe' , 'id' : 1 } , { 'Nimi' : 'John Smith' , 'id' : kaksi } ] ;

arr [ kaksi ] = obj ;

konsoli. Hirsi ( arr ) ;







Tämä menetelmä on melko helppo, mutta on vaikea tietää taulukoiden indeksejä ja kokoa, joten meidän on etsittävä joitain muita menetelmiä, joilla voidaan lisätä objekteja taulukoihin. Tunnetuimmat, kätevimmät ja helppokäyttöisimmät menetelmät ovat työntää() , unshift() ja liitos() . Niiden toiminnot ovat hieman erilaisia, mutta mitä tahansa näistä menetelmistä voidaan käyttää. Katsotaanpa, miten nämä eroavat:



array.push() -menetelmä

Metodi array.push() ottaa elementtejä parametreiksi ja lisää ne taulukon loppuun ja palauttaa taulukon uuden koon:



anna obj = { 'Nimi' : 'John Doe' , 'id' : 3 } ;

anna arr = [ { 'Nimi' : 'Richard Roe' , 'id' : 1 } , { 'Nimi' : 'John Smith' , 'id' : kaksi } ] ;

arr. työntää ( obj ) ;

konsoli. Hirsi ( arr ) ;





array.unshift() -menetelmä

Funktio array.unshift() on push-menetelmän vastakohta, koska se lisää elementtejä taulukon alkuun. Push-menetelmän tapaan se voi ottaa yhden tai useamman elementin parametreiksi ja lisätä ne taulukkoon:

anna obj = { 'Nimi' : 'Richard Roe' , 'id' : 1 } ;

anna arr = [ { 'Nimi' : 'John Smith' , 'id' : kaksi } , { 'Nimi' : 'John Doe' , 'id' : 3 } ] ;

arr. poista vaihto ( obj ) ;

konsoli. Hirsi ( arr ) ;



array.splice() -menetelmä

Ary.splice()-menetelmä on hieman erilainen, koska sillä voidaan sekä poistaa että lisätä elementtejä tietystä indeksistä. Se vaatii kolme argumenttia: indeksi, poistettavien elementtien lukumäärä ja uusi lisättävä elementti:

anna obj = { 'Nimi' : 'John Doe' , 'id' : 3 } ;

anna arr = [ { 'Nimi' : 'Richard Roe' , 'id' : 1 } , { 'Nimi' : 'John Smith' , 'id' : kaksi } ] ;

arr. liitos ( kaksi , 0 , obj )

konsoli. Hirsi ( arr ) ;

Olemme antaneet 0:n toiseksi parametriksi, koska emme halua poistaa elementtejä olemassa olevasta taulukosta.

Muita hyödyllisiä menetelmiä

JavaScript tarjoaa myös monia muita hyödyllisiä menetelmiä taulukoiden, objektien ja taulukoissa olevien objektien käsittelemiseen. Ary.apply() ja array.concat() ovat kaksi tällaista funktiota, jotka voivat olla hyödyllisiä meidän tapauksessamme.

Ary.apply()-menetelmää voidaan käyttää taulukoiden sisällön yhdistämiseen. Joten jos sinulla on kaksi erilaista taulukkoa, jotka sisältävät objekteja ja haluat lisätä yhden taulukon objektit toiseen, sinun ei tarvitse tehdä sitä manuaalisesti yksitellen. Voit käyttää vain apply()-menetelmää. Lisäksi, jos haluat muodostaa uuden taulukon olemassa olevan taulukon sisällöstä, voit käyttää concat()-funktiota.

Johtopäätös

Push-, unshift- ja splice-menetelmiä voidaan käyttää objektien lisäämiseen JavaScript-taulukoihin. Push-menetelmä lisää objektit loppuun, unshift-menetelmä lisää objektit alkuun ja liitosmenetelmä lisää ne taulukon tiettyyn indeksiin. Kaikki nämä menetelmät on selitetty laajasti yllä olevassa oppaassa.