Hvordan legge til objekter i Array i JavaScript
Den enkleste måten et objekt eller en annen type element kan legges til i en JavaScript-matrise er indeksering. Du kan bare tilordne objektet til en indeks av matrisen, og hvis det allerede er et element til stede der, vil det bli erstattet av det nye objektet:
la obj = { 'Navn' : 'John Doe' , 'id' : 3 } ;la arr = [ { 'Navn' : 'Richard Roe' , 'id' : 1 } , { 'Navn' : 'John Smith' , 'id' : to } ] ;
arr [ to ] = obj ;
konsoll. Logg ( arr ) ;
Denne metoden er ganske enkel, men det er vanskelig å vite indeksene og størrelsen på matrisene, så vi må se etter noen andre metoder som kan brukes til å legge til objekter til matriser. De mest kjente, praktiske og enkle å bruke metodene er trykk() , unshift() og skjøte() . Funksjonene deres er litt forskjellige, men alle disse metodene kan brukes. La oss ta en titt på hvordan disse er forskjellige:
array.push() Metode
Metoden array.push() tar elementer som parametere og legger dem til på slutten av matrisen og returnerer den nye størrelsen på matrisen:
la obj = { 'Navn' : 'John Doe' , 'id' : 3 } ;
la arr = [ { 'Navn' : 'Richard Roe' , 'id' : 1 } , { 'Navn' : 'John Smith' , 'id' : to } ] ;
arr. trykk ( obj ) ;
konsoll. Logg ( arr ) ;
array.unshift() Metode
Funksjonen array.unshift() er det motsatte av push-metoden da den legger til elementer i begynnelsen av matrisen. I likhet med push-metoden kan den ta ett eller flere elementer som parametere og legge dem til en matrise:
la obj = { 'Navn' : 'Richard Roe' , 'id' : 1 } ;la arr = [ { 'Navn' : 'John Smith' , 'id' : to } , { 'Navn' : 'John Doe' , 'id' : 3 } ] ;
arr. unshift ( obj ) ;
konsoll. Logg ( arr ) ;
array.splice() Metode
Metoden array.splice() er litt annerledes siden den kan brukes til både å slette og sette inn elementer fra en gitt indeks. Det krever tre argumenter, indeksen, antall elementer for å slette og det nye elementet som skal legges til:
la obj = { 'Navn' : 'John Doe' , 'id' : 3 } ;la arr = [ { 'Navn' : 'Richard Roe' , 'id' : 1 } , { 'Navn' : 'John Smith' , 'id' : to } ] ;
arr. skjøte ( to , 0 , obj )
konsoll. Logg ( arr ) ;
Vi har gitt 0 som den andre parameteren da vi ikke ønsker å slette noen elementer fra den eksisterende matrisen.
Ytterligere nyttige metoder
JavaScript tilbyr også mange andre nyttige metoder for å manipulere arrays, objekter og objekter som er tilstede i arrays. array.apply() og array.concat() er to av slike funksjoner som kan være nyttige i vårt tilfelle.
Metoden array.apply() kan brukes til å kombinere innholdet i matriser. Så hvis du har to forskjellige arrays som inneholder objekter og du vil legge objektene til en array til en annen, trenger du ikke å gjøre det manuelt én etter én. Du kan bare bruke application()-metoden. Videre, hvis du trenger en ny matrise som skal dannes fra innholdet i den eksisterende matrisen, kan du bruke concat()-funksjonen.
Konklusjon
Push-, unshift- og spleisemetodene kan brukes til å legge til objekter i JavaScript-matriser. Push-metoden legger til objekter til slutten, unshift-metoden legger til objekter til starten og spleisemetoden legger dem til ved en gitt indeks av matrisen. Alle disse metodene har blitt grundig forklart i veiledningen ovenfor.