Anhängen eines Elements an ein Array in JavaScript bedeutet, am Ende des Arrays ein neues Element hinzuzufügen. , dieser Prozess verlängert die Länge des Arrays und ermöglicht die Aufnahme neuer Daten. JavaScript bietet mehrere Methoden zum Anhängen von Elementen, die ein oder mehrere Elemente als Argumente akzeptieren und sie am Ende des Arrays hinzufügen.

Es gibt folgende Möglichkeiten, das Problem zu lösen:

Inhaltsverzeichnis

• Verwenden der JavaScript-Methode push()
• Verwenden der JavaScript-Methode unshift()
• Verwendung der JavaScript-Methode splice()
• Verwenden der JavaScript-Methode concat()
• Javascript-Spread-Operator
• Verwenden der Lodash-Funktion _.concat()
• Verwendung der Array-Längeneigenschaft

1. Verwenden der JavaScript-Methode push()

JavaScript push()-Methode fügt ein Element am Ende eines Arrays hinzu, während seine Zwillingsfunktion, die pop()-Methode , entfernt ein Element vom Ende des Arrays. Wenn Sie ein Element oder mehrere Elemente am Ende eines Arrays hinzufügen müssen, ist dies der Fall push()-Methode ist fast immer die einfachste und schnellste Option.

Syntax:

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

Beispiel: In diesem Beispiel fügen wir mithilfe der push()-Methode neue Elemente am Ende des Arrays hinzu.

// 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. Verwenden der JavaScript-Methode unshift()

JavaScript-unshift()-Methode fügt ein Element am Anfang eines Arrays hinzu, während seine Zwillingsfunktion, shift(), ein Element vom Anfang des Arrays entfernt.

Syntax:

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

Beispiel: In diesem Beispiel fügen wir mit der Methode unshift() neue Elemente am Anfang des Arrays hinzu.

// 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. Verwendung der JavaScript-Methode splice()

JavaScript-Methode splice() Ändert den Inhalt eines Arrays, indem vorhandene Elemente entfernt und/oder neue Elemente hinzugefügt werden.

Syntax:

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

Beispiel: In diesem Beispiel fügen wir mithilfe der splice()-Methode neue Elemente am 3. Index des Arrays hinzu.

// 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. Verwenden der JavaScript-Methode concat()

JavaScript-concat()-Methode Gibt ein neues kombiniertes Array zurück, das aus dem Array besteht, für das es aufgerufen wird, und dem Array (oder den Arrays) aus seinem Argument. Diese Methode wird verwendet, um zwei oder mehr Arrays zu verbinden. Diese Methode ändert die vorhandenen Arrays nicht, sondern gibt ein neues Array zurück, das die Werte der verbundenen Arrays enthält.

Syntax:

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

Beispiel: In diesem Beispiel werden wir drei Arrays mithilfe von zusammenführen concat()-Methode von 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-Spread-Operator

Javascript-Spread-Operator Ermöglicht die Erweiterung eines Iterables an Stellen, an denen mehr als 0 Argumente erwartet werden. Es wird hauptsächlich im Variablenarray verwendet, wenn mehr als ein Wert erwartet wird. Es gibt uns das Privileg, eine Liste von Parametern aus einem Array abzurufen.

Syntax:

let variablename1 = [...value]; 

Beispiel: Dieses Beispiel zeigt die Umsetzung des oben erläuterten Ansatzes.

// 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. Verwenden der Lodash-Funktion _.concat()

Es wird mehr als ein Wert erwartet. Es ermöglicht uns, Werte in das Array einzufügen.

Syntax:

_.concat(array, [values]); 

Beispiel: Dieses Beispiel zeigt die Umsetzung des oben erläuterten Ansatzes.

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

Ausgabe:

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

7. Verwendung der Array-Längeneigenschaft

JavaScript-Arrays verfügen über eine Längeneigenschaft, mit der Elemente dynamisch an das Ende eines Arrays angehängt werden können. Indem einem Index ein Wert zugewiesen wird, der der aktuellen Länge des Arrays entspricht, kann ein neues Element angehängt werden.

Beispiel:

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