Kako dodati predmet v polje v JavaScriptu

Kako Dodati Predmet V Polje V Javascriptu



Ker nizi JavaScript samodejno spreminjajo velikost, ko jim dodajate elemente, vam ni treba skrbeti, da bodo polni. Indeksiranje je mogoče uporabiti za enostaven dostop do katerega koli elementa v matriki. JavaScript ponuja več vgrajenih metod, ki so idealne za dodajanje elementov v polja. V tem podrobnem vodniku si bomo ogledali metode, ki jih je mogoče uporabiti za dodajanje predmetov v polja v JavaScriptu.

Kako dodati predmet v polje v JavaScriptu

Najenostavnejši način dodajanja predmeta ali katere koli druge vrste elementa v matriko JavaScript je indeksiranje. Objekt lahko preprosto dodelite indeksu matrike in če je tam že prisoten element, ga bo nadomestil nov objekt:

naj obj = { 'Ime' : 'John Doe' , 'id' : 3 } ;

naj prir = [ { 'Ime' : 'Richard Roe' , 'id' : 1 } , { 'Ime' : 'John Smith' , 'id' : dva } ] ;

prir [ dva ] = obj ;

konzola. dnevnik ( prir ) ;







Ta metoda je precej enostavna, vendar je težko poznati indekse in velikost matrik, zato moramo poiskati druge metode, ki jih je mogoče uporabiti za dodajanje predmetov v matrike. Najbolj znane, priročne in enostavne metode so potisni() , unshift() in spoj () . Njihove funkcije so nekoliko drugačne, vendar je mogoče uporabiti katero koli od teh metod. Oglejmo si, kako se razlikujejo:



metoda array.push().

Metoda array.push() vzame elemente kot parametre in jih doda na konec matrike ter vrne novo velikost matrike:



naj obj = { 'Ime' : 'John Doe' , 'id' : 3 } ;

naj prir = [ { 'Ime' : 'Richard Roe' , 'id' : 1 } , { 'Ime' : 'John Smith' , 'id' : dva } ] ;

prir. potiskati ( obj ) ;

konzola. dnevnik ( prir ) ;





metoda array.unshift().

Funkcija array.unshift() je v nasprotju s potisno metodo, saj dodaja elemente na začetek matrike. Podobno kot potisna metoda lahko vzame enega ali več elementov kot parametre in jih doda matriki:

naj obj = { 'Ime' : 'Richard Roe' , 'id' : 1 } ;

naj prir = [ { 'Ime' : 'John Smith' , 'id' : dva } , { 'Ime' : 'John Doe' , 'id' : 3 } ] ;

prir. unshift ( obj ) ;

konzola. dnevnik ( prir ) ;



metoda array.splice().

Metoda array.splice() je nekoliko drugačna, saj jo je mogoče uporabiti za brisanje in vstavljanje elementov iz danega indeksa. Potrebuje tri argumente, indeks, število elementov za brisanje in nov element, ki ga želite dodati:

naj obj = { 'Ime' : 'John Doe' , 'id' : 3 } ;

naj prir = [ { 'Ime' : 'Richard Roe' , 'id' : 1 } , { 'Ime' : 'John Smith' , 'id' : dva } ] ;

prir. spoj ( dva , 0 , obj )

konzola. dnevnik ( prir ) ;

Kot 2. parameter smo dali 0, ker ne želimo izbrisati nobenega elementa iz obstoječe matrike.

Dodatne uporabne metode

JavaScript ponuja tudi veliko drugih uporabnih metod za manipulacijo nizov, predmetov in objektov, ki so prisotni v nizih. Array.apply() in array.concat() sta dve izmed takih funkcij, ki bi lahko bili v našem primeru koristni.

Metodo array.apply() lahko uporabite za združevanje vsebine nizov. Torej, če imate dve različni matriki, ki vsebujeta predmete in želite dodati objekte ene matrike v drugo, vam tega ni treba narediti ročno enega za drugim. Uporabite lahko samo metodo apply(). Poleg tega, če želite novo matriko oblikovati iz vsebine obstoječe matrike, lahko uporabite funkcijo concat().

Zaključek

Metode push, unshift in splice lahko uporabite za dodajanje predmetov v polja JavaScript. Metoda push doda objekte na konec, metoda unshift doda objekte na začetek in metoda splice jih doda na dani indeks matrike. Vse te metode so bile obširno razložene v zgornjem vodniku.