Een element aan een array toevoegen in JavaScript betekent het toevoegen van een nieuw item aan het einde van de array. breidt dit proces de lengte van de array uit en biedt plaats aan nieuwe gegevens. JavaScript biedt verschillende methoden voor het toevoegen van elementen, waarbij een of meer elementen als argumenten worden geaccepteerd en aan het einde van de array worden toegevoegd.

Dit zijn de volgende manieren om het probleem op te lossen:

Inhoudsopgave

• JavaScript-push()-methode gebruiken
• JavaScript unshift()-methode gebruiken
• JavaScript-splice()-methode gebruiken
• Met behulp van JavaScript concat()-methode
• JavaScript-spreadoperator
• De functie Lodash _.concat() gebruiken
• Met behulp van de eigenschap array length

1. JavaScript-push()-methode gebruiken

JavaScript push()-methode voegt een element toe aan het einde van een array, terwijl de dubbele functie ervan, de pop() methode , verwijdert een element van het einde van de array. Als u een element of meerdere elementen aan het einde van een array moet toevoegen, gebruikt u de push() methode zal bijna altijd uw eenvoudigste en snelste optie zijn.

Syntaxis:

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

Voorbeeld: In dit voorbeeld voegen we nieuwe elementen toe aan het einde van de array met behulp van de push() -methode.

// 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. JavaScript unshift()-methode gebruiken

JavaScript unshift()-methode zal een element aan het begin van een array toevoegen, terwijl de dubbele functie, shift(), één element van het begin van de array zal verwijderen.

Syntaxis:

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

Voorbeeld: In dit voorbeeld voegen we nieuwe elementen toe aan het begin van de array met behulp van de unshift() methode.

// 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. JavaScript-splice()-methode gebruiken

JavaScript splice()-methode wijzigt de inhoud van een array door bestaande elementen te verwijderen en/of nieuwe elementen toe te voegen.

Syntaxis:

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

Voorbeeld: In dit voorbeeld voegen we nieuwe elementen toe aan de derde index van de array met behulp van de splice() -methode.

// 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. JavaScript concat()-methode gebruiken

JavaScript concat() Methode retourneert een nieuwe gecombineerde array bestaande uit de array waarop deze wordt aangeroepen, samengevoegd met de array (of arrays) uit het argument. Deze methode wordt gebruikt om twee of meer arrays samen te voegen en deze methode verandert de bestaande arrays niet, maar retourneert een nieuwe array, die de waarden van de samengevoegde arrays bevat.

Syntaxis:

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

Voorbeeld: In dit voorbeeld voegen we drie arrays samen met behulp van de concat() methode van 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. JavaScript-spreadoperator

JavaScript-spreadoperator maakt het mogelijk een iterabele uit te breiden op plaatsen waar 0+ argumenten worden verwacht. Het wordt meestal gebruikt in de variabelenarray waar er meer dan 1 waarde wordt verwacht. Het geeft ons het voorrecht om een ​​lijst met parameters uit een array te verkrijgen.

Syntaxis:

let variablename1 = [...value];>

Voorbeeld: Dit voorbeeld toont de implementatie van de hierboven uitgelegde aanpak.

// 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. De functie Lodash _.concat() gebruiken

Er wordt meer dan 1 waarde verwacht. Hiermee kunnen we waarden in de array samenvoegen.

Syntaxis:

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

Voorbeeld: Dit voorbeeld toont de implementatie van de hierboven uitgelegde aanpak.

// 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);>

Uitgang:

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

7. Gebruik de eigenschap arraylengte

JavaScript-arrays hebben een lengte-eigenschap die kan worden gebruikt om elementen dynamisch aan het einde van een array toe te voegen. Door aan een index een waarde toe te kennen die gelijk is aan de huidige lengte van de array, kan een nieuw element worden toegevoegd.

Voorbeeld:

// 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>