Kā pievienot objektu masīvam JavaScript

Ka Pievienot Objektu Masivam Javascript



Tā kā JavaScript masīvu lielums automātiski mainās, kad tiem pievienojat vienumus, jums nav jāuztraucas par to, ka tie ir pilni. Indeksēšanu var izmantot, lai viegli piekļūtu jebkuram masīvā esošajam vienumam. JavaScript piedāvā vairākas iebūvētas metodes, kas ir ideāli piemērotas vienumu pievienošanai masīviem. Šajā detalizētajā rokasgrāmatā mēs apskatīsim metodes, kuras var izmantot, lai JavaScript masīviem pievienotu objektus.

Kā pievienot objektu masīvam JavaScript

Vienkāršākais veids, kā objektu vai cita veida elementu var pievienot JavaScript masīvam, ir indeksēšana. Varat vienkārši piešķirt objektu masīva indeksam, un, ja tur jau ir vienums, tas tiks aizstāts ar jauno objektu:

lai obj = { 'Vārds' : 'Džons Dū' , 'id' : 3 } ;

lai arr = [ { 'Vārds' : 'Ričards Rū' , 'id' : 1 } , { 'Vārds' : 'Džons Smits' , 'id' : divi } ] ;

arr [ divi ] = obj ;

konsole. žurnāls ( arr ) ;







Šī metode ir diezgan vienkārša, taču ir grūti zināt masīvu indeksus un lielumu, tāpēc mums ir jāmeklē dažas citas metodes, kuras var izmantot, lai masīviem pievienotu objektus. Vispazīstamākās, ērtākās un vienkāršāk lietojamās metodes ir push () , unshift() un savienojums () . To funkcijas nedaudz atšķiras, taču var izmantot jebkuru no šīm metodēm. Apskatīsim, kā tie atšķiras:



array.push() metode

Metode array.push() ņem elementus kā parametrus un pievieno tos masīva beigām un atgriež jauno masīva izmēru:



lai obj = { 'Vārds' : 'Džons Dū' , 'id' : 3 } ;

lai arr = [ { 'Vārds' : 'Ričards Rū' , 'id' : 1 } , { 'Vārds' : 'Džons Smits' , 'id' : divi } ] ;

arr. spiediet ( obj ) ;

konsole. žurnāls ( arr ) ;





array.unshift() metode

Funkcija array.unshift() ir pretēja push metodei, jo tā pievieno elementus masīva sākumam. Līdzīgi kā push metode, tā var ņemt vienu vai vairākus elementus kā parametrus un pievienot tos masīvam:

lai obj = { 'Vārds' : 'Ričards Rū' , 'id' : 1 } ;

lai arr = [ { 'Vārds' : 'Džons Smits' , 'id' : divi } , { 'Vārds' : 'Džons Dū' , 'id' : 3 } ] ;

arr. pārslēgt ( obj ) ;

konsole. žurnāls ( arr ) ;



array.splice() metode

Metode array.splice() ir nedaudz atšķirīga, jo to var izmantot gan elementu dzēšanai, gan ievietošanai no dotā indeksa. Tam nepieciešami trīs argumenti: indekss, dzēšamo elementu skaits un jaunais elements, kas jāpievieno:

lai obj = { 'Vārds' : 'Džons Dū' , 'id' : 3 } ;

lai arr = [ { 'Vārds' : 'Ričards Rū' , 'id' : 1 } , { 'Vārds' : 'Džons Smits' , 'id' : divi } ] ;

arr. salaidums ( divi , 0 , obj )

konsole. žurnāls ( arr ) ;

Mēs esam norādījuši 0 kā otro parametru, jo mēs nevēlamies dzēst nevienu elementu no esošā masīva.

Papildu noderīgas metodes

JavaScript piedāvā arī daudzas citas noderīgas metodes, lai manipulētu ar masīviem, objektiem un objektiem, kas atrodas masīvos. Ary.apply() un array.concat() ir divas no šādām funkcijām, kas varētu būt noderīgas mūsu gadījumā.

Masīvu satura apvienošanai var izmantot metodi array.apply(). Tātad, ja jums ir divi dažādi masīvi, kuros ir objekti, un vēlaties pievienot viena masīva objektus citam, jums tas nav jādara manuāli pa vienam. Varat vienkārši izmantot metodi apply(). Turklāt, ja jums ir nepieciešams izveidot jaunu masīvu no esošā masīva satura, varat izmantot funkciju concat ().

Secinājums

Lai pievienotu objektus JavaScript masīviem, var izmantot push, unshift un splice metodes. Push metode pievieno objektus beigām, unshift metode pievieno objektus sākumam un savienojuma metode pievieno tos noteiktā masīva indeksā. Visas šīs metodes ir plaši izskaidrotas iepriekš sniegtajā rokasgrāmatā.