Aggiunta di un elemento a un array in JavaScript significa aggiungere un nuovo elemento alla fine dell'array. , questo processo estende la lunghezza dell'array, accogliendo nuovi dati. JavaScript offre diversi metodi per aggiungere elementi che accettano uno o più elementi come argomenti e li aggiungono alla fine dell'array.

Questi sono i seguenti modi per risolvere il problema:

Tabella dei contenuti

• Utilizzo del metodo JavaScript push()
• Utilizzo del metodo JavaScript unshift()
• Utilizzo del metodo JavaScript splice()
• Utilizzo del metodo JavaScript concat()
• Operatore di diffusione Javascript
• Utilizzando la funzione Lodash _.concat()
• Utilizzando la proprietà della lunghezza dell'array

1. Utilizzo del metodo JavaScript push()

Metodo JavaScript push() aggiungerà un elemento alla fine di un array, mentre la sua funzione gemella, the metodo pop() , rimuoverà un elemento dalla fine dell'array. Se è necessario aggiungere uno o più elementi alla fine di un array, il file metodo push() sarà quasi sempre l'opzione più semplice e veloce.

Sintassi:

array.push(item1, item2, ..., itemX)>

Esempio: In questo esempio aggiungeremo nuovi elementi alla fine dell'array utilizzando il metodo push().

// Input array  let Geeks = ['Geeks1', 'Geeks2', 'Geeks3', 'Geeks4']; // Display input array console.log('Original Array: ' + Geeks); // Pushing arrays Geeks.push('Geeks5', 'Geeks6'); // Display updated array console.log('Updated Array: ' + Geeks);>

Original Array: Geeks1,Geeks2,Geeks3,Geeks4 Updated Array: Geeks1,Geeks2,Geeks3,Geeks4,Geeks5,Geeks6>

2. Utilizzo del metodo JavaScript unshift()

Metodo JavaScript unshift() aggiungerà un elemento all'inizio di un array, mentre la sua funzione gemella, shift(), rimuoverà un elemento dall'inizio dell'array.

Sintassi:

array.unshift(item1, item2, ..., itemX)>

Esempio: In questo esempio, aggiungeremo nuovi elementi all'inizio dell'array utilizzando il metodo unshift().

// Input array let Geeks = ['Geeks1', 'Geeks2', 'Geeks3', 'Geeks4']; // Display input array console.log('Original Array: ' + Geeks); // Adding element in begining Geeks.unshift('Geeks5', 'Geeks6'); // Display updated array console.log('Updated Array: ' + Geeks);>

Original Array: Geeks1,Geeks2,Geeks3,Geeks4 Updated Array: Geeks5,Geeks6,Geeks1,Geeks2,Geeks3,Geeks4>

3. Utilizzo del metodo JavaScript splice()

Metodo splice() JavaScript modifica il contenuto di un array rimuovendo elementi esistenti e/o aggiungendo nuovi elementi.

Sintassi:

array.splice(index, amount, item1, ....., itemX)>

Esempio: In questo esempio, aggiungeremo nuovi elementi al terzo indice dell'array utilizzando il metodo splice().

// Input array let Geeks = ['Geeks1', 'Geeks2', 'Geeks3', 'Geeks4']; // Display input array console.log('Original Array: ' + Geeks); // Update array using slice Geeks.splice(2, 1, 'Geeks5', 'Geeks6'); // Display updated array console.log('Updated Array: ' + Geeks);>

Original Array: Geeks1,Geeks2,Geeks3,Geeks4 Updated Array: Geeks1,Geeks2,Geeks5,Geeks6,Geeks4>

4. Utilizzo del metodo JavaScript concat()

Metodo JavaScript concat() restituisce un nuovo array combinato composto dall'array su cui viene chiamato, unito all'array (o agli array) dal suo argomento. Questo metodo viene utilizzato per unire due o più array e questo metodo non modifica gli array esistenti, ma restituisce un nuovo array, contenente i valori degli array uniti.

Sintassi:

array1.concat(array2, array3, ..., arrayX)>

Esempio: In questo esempio, uniremo tre array insieme utilizzando il metodo metodo concat() di JavaScript.

// Input arrays let g1 = ['Geeks1', 'Geeks2']; let g2 = ['Geeks3', 'Geeks4']; let g3 = ['GeeksForGeeks']; // Concate g1, g2 and g3 into g4 let g4 = g1.concat(g2, g3); //Display output console.log(g4);>

[ 'Geeks1', 'Geeks2', 'Geeks3', 'Geeks4', 'GeeksForGeeks' ]>

5. Operatore di diffusione Javascript

Operatore di diffusione Javascript consente a un iterabile di espandersi nei punti in cui sono previsti 0+ argomenti. Viene utilizzato principalmente nell'array di variabili in cui è previsto più di 1 valore. Ci concede il privilegio di ottenere un elenco di parametri da un array.

Sintassi:

let variablename1 = [...value];>

Esempio: Questo esempio mostra l'implementazione dell'approccio sopra spiegato.

// Input arrays let Array1 = [2, 4, 6, 8]; let Array2 = [3, 5, 7] // Combine and create new array  // using spread operator newArray = [ ...Array1, ...Array2] // Display output console.log(newArray);>

[ 2, 4, 6, 8, 3, 5, 7 ]>

6. Utilizzo della funzione Lodash _.concat()

È previsto più di 1 valore. Ci consente di unire i valori nell'array.

Sintassi:

_.concat(array, [values]);>

Esempio: Questo esempio mostra l'implementazione dell'approccio sopra spiegato.

// Requiring the lodash library let lodash = require('lodash'); // Original array to be concatenated let array = [1, 2, 3]; // Values to be added to original array  let values = [0, 5, 'a', 'b'] let newArray = lodash.concat(array, values); console.log('Before concat: ' + array); // Printing newArray  console.log('After concat: ' + newArray);>

Produzione:

Before concat: 1,2,3 After concat: 1,2,3,0,5,a,b>

7. Utilizzo della proprietà della lunghezza dell'array

Gli array JavaScript hanno una proprietà length che può essere utilizzata per aggiungere dinamicamente gli elementi alla fine di un array. Assegnando un valore a un indice uguale alla lunghezza corrente dell'array, è possibile aggiungere un nuovo elemento.

Esempio:

// Input array let Geeks = ['Geeks1', 'Geeks2', 'Geeks3', 'Geeks4']; // Display input array console.log('Original Array: ' + Geeks); // Append element using the length property Geeks[Geeks.length] = 'Geeks5'; // Display updated array console.log('Updated Array: ' + Geeks);>

Original Array: Geeks1,Geeks2,Geeks3,Geeks4 Updated Array: Geeks1,Geeks2,Geeks3,Geeks4,Geeks5>