Hur man lägger till objekt till Array i JavaScript
Det enklaste sättet att lägga till ett objekt eller någon annan typ av element i en JavaScript-array är indexering. Du kan bara tilldela objektet till ett index för arrayen och om det redan finns ett objekt där kommer det att ersättas av det nya objektet:
låt obj = { 'Namn' : 'John Doe' , 'id' : 3 } ;låt arr = [ { 'Namn' : 'Richard Roe' , 'id' : 1 } , { 'Namn' : 'John Smith' , 'id' : två } ] ;
arr [ två ] = obj ;
trösta. logga ( arr ) ;
Denna metod är ganska enkel men det är svårt att känna till indexen och storleken på arrayerna så vi måste leta efter några andra metoder som kan användas för att lägga till objekt till arrayer. De mest välkända, bekväma och lättanvända metoderna är tryck() , unshift() och splitsa() . Deras funktionalitet är något annorlunda men vilken som helst av dessa metoder kan användas. Låt oss ta en titt på hur dessa är olika:
array.push() Metod
Metoden array.push() tar element som parametrar och lägger till dem i slutet av arrayen och returnerar den nya storleken på arrayen:
låt obj = { 'Namn' : 'John Doe' , 'id' : 3 } ;
låt arr = [ { 'Namn' : 'Richard Roe' , 'id' : 1 } , { 'Namn' : 'John Smith' , 'id' : två } ] ;
arr. tryck ( obj ) ;
trösta. logga ( arr ) ;
array.unshift() Metod
Funktionen array.unshift() är motsatsen till push-metoden eftersom den lägger till element i början av arrayen. I likhet med push-metoden kan den ta ett eller flera element som parametrar och lägga till dem i en array:
låt obj = { 'Namn' : 'Richard Roe' , 'id' : 1 } ;låt arr = [ { 'Namn' : 'John Smith' , 'id' : två } , { 'Namn' : 'John Doe' , 'id' : 3 } ] ;
arr. avväxling ( obj ) ;
trösta. logga ( arr ) ;
array.splice() Metod
Metoden array.splice() är lite annorlunda eftersom den kan användas för att både ta bort och infoga element från ett givet index. Det krävs tre argument, indexet, antalet element för att radera och det nya elementet som ska läggas till:
låt obj = { 'Namn' : 'John Doe' , 'id' : 3 } ;låt arr = [ { 'Namn' : 'Richard Roe' , 'id' : 1 } , { 'Namn' : 'John Smith' , 'id' : två } ] ;
arr. splitsa ( två , 0 , obj )
trösta. logga ( arr ) ;
Vi har angett 0 som den andra parametern eftersom vi inte vill ta bort några element från den befintliga arrayen.
Ytterligare användbara metoder
JavaScript erbjuder också många andra användbara metoder för att manipulera arrayer, objekt och objekt som finns i arrayer. array.apply() och array.concat() är två av sådana funktioner som kan vara till hjälp i vårt fall.
Metoden array.apply() kan användas för att kombinera innehållet i arrayer. Så om du har två olika arrayer som innehåller objekt och du vill lägga till objekten i en array till en annan, behöver du inte göra det manuellt en efter en. Du kan bara använda metoden apply(). Dessutom, om du behöver en ny array som ska bildas från innehållet i den befintliga arrayen så kan du använda concat()-funktionen.
Slutsats
Push, unshift och splice-metoderna kan användas för att lägga till objekt till JavaScript-arrayer. Push-metoden lägger till objekt till slutet, unshift-metoden lägger till objekt i starten och skarvningsmetoden lägger till dem vid ett givet index för arrayen. Alla dessa metoder har förklarats utförligt i guiden ovan.