Come aggiungere un oggetto all'array in JavaScript

Come Aggiungere Un Oggetto All Array In Javascript



Poiché gli array JavaScript si ridimensionano automaticamente quando aggiungi elementi, non devi preoccuparti che siano pieni. L'indicizzazione può essere utilizzata per accedere facilmente a qualsiasi elemento presente all'interno di un array. JavaScript offre diversi metodi integrati ideali per aggiungere elementi agli array. In questa guida dettagliata, esamineremo i metodi che possono essere utilizzati per aggiungere oggetti agli array in JavaScript.

Come aggiungere un oggetto all'array in JavaScript

Il modo più semplice per aggiungere un oggetto o qualsiasi altro tipo di elemento a un array JavaScript è l'indicizzazione. Puoi semplicemente assegnare l'oggetto a un indice dell'array e se c'è già un elemento presente lì, verrà sostituito dal nuovo oggetto:

lascia ogg = { 'Nome' : 'John Doe' , 'id' : 3 } ;

lascia arr = [ { 'Nome' : 'Riccardo Uova' , 'id' : 1 } , { 'Nome' : 'John Smith' , 'id' : Due } ] ;

arr [ Due ] = ogg ;

consolle. tronco d'albero ( arr ) ;







Questo metodo è abbastanza semplice ma è difficile conoscere gli indici e le dimensioni degli array, quindi dobbiamo cercare altri metodi che possono essere utilizzati per aggiungere oggetti agli array. I metodi più noti, convenienti e facili da usare sono spingere() , non spostarti () e giuntare() . Le loro funzionalità sono leggermente diverse, ma è possibile utilizzare uno qualsiasi di questi metodi. Diamo un'occhiata a come questi sono diversi:



metodo array.push()

Il metodo array.push() prende gli elementi come parametri e li aggiunge alla fine dell'array e restituisce la nuova dimensione dell'array:



lascia ogg = { 'Nome' : 'John Doe' , 'id' : 3 } ;

lascia arr = [ { 'Nome' : 'Riccardo Uova' , 'id' : 1 } , { 'Nome' : 'John Smith' , 'id' : Due } ] ;

arr. spingere ( ogg ) ;

consolle. tronco d'albero ( arr ) ;





metodo array.unshift()

La funzione array.unshift() è l'opposto del metodo push in quanto aggiunge elementi all'inizio dell'array. Simile al metodo push, può prendere uno o più elementi come parametri e aggiungerli a un array:

lascia ogg = { 'Nome' : 'Riccardo Uova' , 'id' : 1 } ;

lascia arr = [ { 'Nome' : 'John Smith' , 'id' : Due } , { 'Nome' : 'John Doe' , 'id' : 3 } ] ;

arr. non spostato ( ogg ) ;

consolle. tronco d'albero ( arr ) ;



metodo array.splice()

Il metodo array.splice() è leggermente diverso in quanto può essere utilizzato sia per eliminare che per inserire elementi da un determinato indice. Occorrono tre argomenti, l'indice, il numero di elementi da eliminare e il nuovo elemento da aggiungere:

lascia ogg = { 'Nome' : 'John Doe' , 'id' : 3 } ;

lascia arr = [ { 'Nome' : 'Riccardo Uova' , 'id' : 1 } , { 'Nome' : 'John Smith' , 'id' : Due } ] ;

arr. giuntura ( Due , 0 , ogg )

consolle. tronco d'albero ( arr ) ;

Abbiamo dato 0 come 2° parametro in quanto non vogliamo eliminare alcun elemento dall'array esistente.

Ulteriori metodi utili

JavaScript offre anche molti altri metodi utili per manipolare array, oggetti e oggetti presenti all'interno degli array. L'array.apply() e l'array.concat() sono due di queste funzioni che potrebbero essere utili nel nostro caso.

Il metodo array.apply() può essere utilizzato per combinare il contenuto degli array. Quindi, se hai due diversi array che contengono oggetti e vuoi aggiungere gli oggetti di un array a un altro, non devi farlo manualmente uno per uno. Puoi semplicemente usare il metodo apply(). Inoltre, se è necessario formare un nuovo array dal contenuto dell'array esistente, è possibile utilizzare la funzione concat().

Conclusione

I metodi push, unshift e splice possono essere utilizzati per aggiungere oggetti agli array JavaScript. Il metodo push aggiunge oggetti alla fine, il metodo unshift aggiunge oggetti all'inizio e il metodo splice li aggiunge a un dato indice dell'array. Tutti questi metodi sono stati ampiamente spiegati nella guida sopra.