Sådan tilføjes objekt til Array i JavaScript

Da JavaScript-arrays automatisk ændrer størrelse, når du tilføjer elementer til dem, behøver du ikke bekymre dig om, at de er fulde. Indeksering kan bruges til nemt at få adgang til ethvert element, der findes i et array. JavaScript tilbyder flere indbyggede metoder, som er ideelle til at tilføje elementer til arrays. I denne detaljerede vejledning vil vi gennemgå de metoder, der kan bruges til at tilføje objekter til arrays i JavaScript.

Sådan tilføjes objekt til Array i JavaScript

Den enkleste måde, hvorpå et objekt eller enhver anden type element kan føjes til et JavaScript-array, er indeksering. Du kan bare tildele objektet til et indeks af arrayet, og hvis der allerede er et element til stede der, vil det blive erstattet af det nye objekt:

lad obj = { 'Navn' : 'John Doe' , 'id' : 3 } ;

lad arr = [ { 'Navn' : 'Richard Roe' , 'id' : 1 } , { 'Navn' : 'John Smith' , 'id' : to } ] ;

arr [ to ] = obj ;

konsol. log ( arr ) ;

Denne metode er ret nem, men det er svært at kende indeksene og størrelsen af arrays, så vi er nødt til at kigge efter nogle andre metoder, som kan bruges til at tilføje objekter til arrays. De mest kendte, bekvemme og nemme at bruge metoder er skubbe() , unshift() og splejs () . Deres funktionaliteter er lidt forskellige, men enhver af disse metoder kan bruges. Lad os se på, hvordan disse er forskellige:

array.push() metode

Metoden array.push() tager elementer som parametre og tilføjer dem til slutningen af arrayet og returnerer den nye størrelse af arrayet:

lad obj = { 'Navn' : 'John Doe' , 'id' : 3 } ;

lad arr = [ { 'Navn' : 'Richard Roe' , 'id' : 1 } , { 'Navn' : 'John Smith' , 'id' : to } ] ;

arr. skubbe ( obj ) ;

konsol. log ( arr ) ;

array.unshift() metode

Funktionen array.unshift() er det modsatte af push-metoden, da den tilføjer elementer til begyndelsen af arrayet. I lighed med push-metoden kan den tage et eller flere elementer som parametre og tilføje dem til et array:

lad obj = { 'Navn' : 'Richard Roe' , 'id' : 1 } ;

lad arr = [ { 'Navn' : 'John Smith' , 'id' : to } , { 'Navn' : 'John Doe' , 'id' : 3 } ] ;

arr. afskifte ( obj ) ;

konsol. log ( arr ) ;

array.splice() Metode

Metoden array.splice() er en smule anderledes, da den kan bruges til både at slette og indsætte elementer fra et givet indeks. Det kræver tre argumenter, indekset, antallet af elementer for at slette og det nye element, der skal tilføjes:

lad obj = { 'Navn' : 'John Doe' , 'id' : 3 } ;

lad arr = [ { 'Navn' : 'Richard Roe' , 'id' : 1 } , { 'Navn' : 'John Smith' , 'id' : to } ] ;

arr. splejsning ( to , 0 , obj )

konsol. log ( arr ) ;

Vi har givet 0 som den 2. parameter, da vi ikke ønsker at slette nogen elementer fra det eksisterende array.

Yderligere nyttige metoder

JavaScript tilbyder også en masse andre nyttige metoder til at manipulere arrays, objekter og objekter til stede i arrays. array.apply() og array.concat() er to af sådanne funktioner, som kan være nyttige i vores tilfælde.

Metoden array.apply() kan bruges til at kombinere indholdet af arrays. Så hvis du har to forskellige arrays, der indeholder objekter, og du vil tilføje objekterne fra en array til en anden, behøver du ikke at gøre det manuelt én efter én. Du kan bare bruge metoden apply(). Desuden, hvis du har brug for et nyt array, der skal dannes ud fra indholdet af det eksisterende array, kan du bruge concat()-funktionen.

Konklusion

Push, unshift og splejsningsmetoderne kan bruges til at tilføje objekter til JavaScript-arrays. Push-metoden tilføjer objekter til slutningen, unshift-metoden tilføjer objekter til starten, og splejsningsmetoden tilføjer dem ved et givet indeks af arrayet. Alle disse metoder er blevet grundigt forklaret i vejledningen ovenfor.

Sådan tilføjes objekt til Array i JavaScript