Come aggiungere elementi in un array in JavaScript

In JavaScript, il processo di aggiunta di elementi aggiuntivi all'inizio o alla fine di un array già creato è noto come "Aggiungi elementi a un array". Puoi aggiungere un singolo elemento, un set di elementi o anche un intero array a un altro array. Più specificamente, JavaScript consente di attraversare o manipolare le array usando una varietà di metodi.

Questo articolo elaborerà la procedura per aggiungere elementi in un array in JavaScript.

Come aggiungere elementi in un array in JavaScript?

Per aggiungere elementi a un array, JavaScript supporta diversi metodi:

• metodo push ()
• Metodo Concat ()
• Metodo UnShift ()
• Metodo Splice ()

Diamo un'occhiata più approfondita su questi metodi.

Metodo 1: aggiungi elementi in un array usando il metodo push ()

L'approccio più semplice per l'aggiunta di elementi alla fine di un array è il "spingere()"Metodo in JavaScript. Dà un nuovo array come output con una nuova lunghezza dopo aver aggiunto elementi.

Sintassi
Seguire la sintassi data per utilizzare il metodo push () per aggiungere elementi in array:

vettore.push (element1, element2,…, elementn);

Qui, il "Element1, Element2 .. "Verranno spinti nel"vettore"Utilizzo del"spingere()" metodo.

Esempio 1: Aggiungi uno o più elementi nello stesso array
Innanzitutto, creeremo un array chiamato "dipendente"Questo immagazzina i nomi dei dipendenti:

VAR Employee = ['Stephen', 'Mari', 'John',];

Quindi, aggiungi altri due elementi come nome dei dipendenti "Rhonda" E "Susan"Nell'array:

dipendente.push ('rhonda', 'susan');

Stampa l'array con gli elementi aggiunti sulla console:

console.registro (dipendente);

L'output mostra che gli elementi vengono aggiunti correttamente alla fine dell'array e la lunghezza viene aggiornata a "5":

Esempio 2: Aggiungi un array in un altro array

Qui creeremo due array "animali" E "animali domestici":

var animali = ['zebra', 'leone', 'tiger',];
var petanimals = ['cat', 'coniglio'];

Ora, spingi gli elementi dell'array "Petanimals" nell'altro array usando il metodo push () con operatore di diffusione:

animali.Push (... Petanimals);

Quindi, stampare l'array "animali"Usando"console.tronco d'albero()" metodo:

console.registro (animali);

L'operatore di spread aggiunto copia tutti gli elementi dell'array "petanimali" e quindi questi elementi sono aggiunti all'array "animali" utilizzando il metodo push ():

Vediamo un altro metodo per aggiungere un array a un altro.

Metodo 2: aggiungi elementi in un array usando il metodo Concat ()

IL "concat ()"Il metodo viene utilizzato per aggiungere gli elementi di un array a un altro, oppure possiamo dire che si unisce a due o più array. Unisce due array aggiungendo elementi di un array in un altro e restituisce il singolo array.

Sintassi
Utilizzare la sintassi seguente per utilizzare il metodo Concat ():

vettore.Concat (Array1, Array2, ..., Arrayn);

Esempio
Useremo l'array già creato e invocheremo il metodo Concat () per concatenare gli elementi dell'array petanimali con array "animali" e quindi salvare gli elementi risultanti nel nuovo array:

var array = animali.Concat (Petanimals)

Infine, stampano i nuovi elementi di array usando il "console.tronco d'albero()" metodo:

console.log (array);

Si può vedere che gli elementi dell'array "animali domestici"Viene aggiunto con successo all'array"animali":

Vuoi aggiungere elementi all'inizio dell'array? Segui la sezione successiva!

Metodo 3: Aggiungi elementi in un array usando il metodo UnShift ()

C'è un altro metodo JavaScript chiamato "UnShift ()"Ciò può aggiungere o aggiungere elementi all'inizio o all'inizio di un array.

Sintassi
Segui la sintassi data per l'aggiunta di elementi all'inizio di un array che utilizza il "UnShift ()" metodo:

vettore.un cambio (elemento1, elemento2, ..., elementn);

Esempio
Qui creeremo un array chiamato "uccelli"Con due elementi:"Pappagallo" E "Piccione":

var uccelli = ['pappagallo', 'piccione',];

Quindi, chiama il "UnShift ()"Metodo passando un elemento"Cocktail"Questo deve essere aggiunto nell'array creato:

uccelli.un cambio ('cocktail');

Infine, stampa l'array aggiornato sulla console:

console.registro (uccelli);

Produzione

Passiamo a un altro metodo per aggiungere l'elemento nel mezzo di un array.

Metodo 4: Aggiungi elementi in un array usando il metodo Splice ()

Se si desidera sostituire gli elementi dell'array o aggiungere elementi in un array in qualsiasi indice specificato, utilizzare il metodo predefinito JavaScript "splice ()". Inoltre, lo useremo per aggiungere elementi nel mezzo di un array.

Sintassi
Seguire la sintassi data per utilizzare il metodo Splice () per l'aggiunta di elementi in un array:

vettore.giunzione (startindex, deletecount, element1,…, elementn)

Qui, il "startindex"È la posizione nell'array in cui dovrebbe essere posizionato un nuovo elemento,"deletecount"Indica quanti elementi dovrebbero essere eliminati e il"Element1, ..., elementn"Sono gli elementi che devono essere aggiunti.

Esempio
Ora aggiungeremo elementi nello stesso "uccelli"Array passando argomenti l'indice di avvio"1"Dove devono essere aggiunti i nuovi elementi,"0"Indica che nessun elemento dovrebbe essere eliminato e quindi"Cocktail" E "Passero"Sono gli elementi richiesti:

uccelli.giunzione (1, 0, 'cocktail', 'passarrow');

Stampa l'array "uccelli"Sulla console usando il"console.tronco d'albero()" metodo:

console.registro (uccelli);

L'output significa che gli elementi vengono aggiunti con successo al centro dell'array:

Abbiamo raccolto tutti i metodi migliori per aggiungere elementi in un array in JavaScript.

Conclusione

Per aggiungere elementi a un array, è possibile utilizzare i metodi integrati JavaScript, tra cui "spingere()" metodo, "concat ()" metodo, "UnShift ()Metodo "o"splice ()" metodo. Il metodo push () può inserire elementi alla fine di un array, mentre il metodo UnShift () aggiunge elementi all'inizio di un array, il metodo Splice () inserisce un nuovo elemento nel mezzo dell'array e il concat ( ) Metodo unisce due o più array. In questo articolo, abbiamo elaborato la procedura per aggiungere elementi in array JavaScript con esempi adeguati.