So fügen Sie Elemente in einem Array in JavaScript an

In JavaScript ist der Prozess des Hinzufügens zusätzlicher Elemente zu Beginn oder Ende eines bereits erstellten Arrays als das bekanntElemente an ein Array anhängen“. Sie können ein einzelnes Element, eine Reihe von Elementen oder sogar ein ganzes Array zu einem anderen Array hinzufügen. Insbesondere mit JavaScript können Sie Arrays mit einer Vielzahl von Methoden durchqueren oder manipulieren.

In diesem Artikel wird das Verfahren ausgeht, um Elemente in einem Array in JavaScript hinzuzufügen.

So fügen Sie Elemente in einem Array in JavaScript an?

Um Elemente an ein Array anzuhängen, unterstützt JavaScript verschiedene Methoden:

• Push () Methode
• concat () Methode
• Unshift () Methode
• Splice () Methode

Lassen Sie uns bei diesen Methoden eingehender aussehen.

Methode 1: Fügen Sie Elemente in einem Array mithilfe der PUSP () -Methode hinzu

Der einfachste Ansatz zum Hinzufügen von Elementen zum Ende eines Arrays ist das “drücken()Methode in JavaScript. Es gibt ein neues Array als Ausgabe mit einer neuen Länge nach dem Hinzufügen von Elementen.

Syntax
Befolgen Sie die angegebene Syntax, um die PUSP () -Methode zum Hinzufügen von Elementen in Array zu verwenden:

Array.Push (Element1, Element2,…, Elementn);

Hier das "Element1, Element2… "Werden in die" geschoben "Array"Mit der" die "drücken()" Methode.

Beispiel 1: Gehen Sie ein oder mehrere Elemente im selben Array an
Erstens werden wir ein Array namens erstellen “MitarbeiterDas speichert die Namen des Mitarbeiter:

var Mitarbeiter = ['Stephen', 'Mari', 'John',];

Fügen Sie dann zwei weitere Elemente als Name der Mitarbeiter hinzuRhonda" Und "Susan”Im Array:

Mitarbeiter.Push ('Rhonda', 'Susan');

Drucken Sie das Array mit den angehängten Elementen auf der Konsole:

Konsole.Protokoll (Mitarbeiter);

Die Ausgabe zeigt, dass die Elemente am Ende des Arrays erfolgreich angehängt werden und die Länge aktualisiert wird “5”:

Beispiel 2: Gehen Sie ein Array in ein anderes Array an

Hier erstellen wir zwei Arrays “Tiere" Und "Haustier Tiere”:

var tiere = ['Zebra', 'Lion', 'Tiger',];
var petanimals = ['kat', 'kaninchen'];

Drücken Sie nun die "Petanimals" -Arrayelemente mit der PUSP () -Methode mit Spread Operator in das andere Array:

Tiere.Push (… Petanimals);

Drucken Sie dann das Array "Tiere"Verwenden"Konsole.Protokoll()" Methode:

Konsole.log (Tiere);

Der hinzugefügte Spread -Operator kopiert alle Elemente des „Petanimals“ -Arrays und dann werden diese Elemente an das „Tiere“ -Array angehängt, indem die PUSP () -Methode verwendet wird:

Lassen Sie uns eine andere Methode sehen, um ein Array an einen anderen anzuhängen.

Methode 2: Fügen Sie Elemente in einem Array mithilfe der concat () -Methode hinzu

Der "concat ()Die Methode wird verwendet, um die Elemente eines Arrays an ein anderes anzuhängen, oder wir können sagen, dass es zwei oder mehr Arrays verbindet. Es verschmilzt zwei Arrays, indem sie Elemente eines Arrays in ein anderes anhängen und das einzelne Array zurückgeben.

Syntax
Verwenden Sie die unterbezogene Syntax, um die concat () -Methode zu verwenden:

Array.concat (Array1, Array2,…, Arrayn);

Beispiel
Wir werden das bereits erstellte Array verwenden und die concat () -Methode zur Verkettung der Petanimals -Array -Elemente mit „Tieren“ -Array und dann die resultierenden Elemente im neuen Array aufrufen:

var Array = Tiere.concat (petanimals)

Drucken Sie zuletzt die Neuarray -Elemente mit der “aus“Konsole.Protokoll()" Methode:

Konsole.log (Array);

Es ist ersichtlich, dass die Elemente des Arrays “Haustier Tiere"Wird erfolgreich an das Array angehängt"Tiere”:

Ich möchte zu Beginn des Arrays Elemente hinzufügen? Folgen Sie dem nächsten Abschnitt!

Methode 3: Fügen Sie Elemente in einem Array mithilfe der UnShift () -Methode hinzu

Es gibt eine andere JavaScript -Methode namens “unscharf ()Das kann Elemente zu Beginn oder Beginn eines Arrays hinzufügen oder anhängen.

Syntax
Folgen Sie der angegebenen Syntax zum Hinzufügen von Elementen zu Beginn eines Arrays unter Verwendung des “unscharf ()" Methode:

Array.Unschuh (Element1, Element2,…, Elementn);

Beispiel
Hier erstellen wir ein Array namens “Vögel"Mit zwei Elementen:"Papagei" Und "Taube”:

var birds = ['paparot', 'pigeon',];

Dann rufen Sie das an "unscharf ()"Methode durch Übergabe eines Elements"CocktailDas muss im erstellten Array angehängt werden:

Vögel.ungehaft ('Cocktail');

Drucken Sie zum Schluss das aktualisierte Array auf der Konsole:

Konsole.log (Vögel);

Ausgang

Wechseln wir zu einer anderen Methode, um das Element in der Mitte eines Arrays hinzuzufügen.

Methode 4: Fügen Sie Elemente in einem Array mithilfe von Splice () Methode hinzu

Wenn Sie Arrayelemente ersetzen oder Elemente in einem Array in einem angegebenen Index hinzufügen möchten, verwenden Sie die vordefinierte JavaScript -Methode “spleißen()”. Darüber hinaus werden wir es verwenden, um Elemente in der Mitte eines Arrays anzuhängen.

Syntax
Befolgen Sie die angegebene Syntax, um die Methode Splice () zum Anhängen von Elementen in einem Array zu verwenden:

Array.Splice (Startindex, DeleteCount, Element1,…, Elementn)

Hier das "Startindex"Ist der Ort im Array, an dem ein neues Element platziert werden soll"deleteCount”Gibt an, wie viele Elemente beseitigt werden sollen, und die“Element1,…, ElementnSind die Elemente, die angehängt werden müssen.

Beispiel
Jetzt werden wir Elemente gleich anhängen. “Vögel"Array durch Übergeben von Argumenten den Startindex"1"Wo die neuen Elemente angehängt werden müssen"0"Zeigt an, dass kein Element gelöscht werden sollte, und dann"Cocktail" Und "Spatz”Sind die erforderlichen Elemente:

Vögel.Splice (1, 0, 'Cocktail', 'Sparrow');

Drucken Sie das Array “Vögel”Auf der Konsole mit der“Konsole.Protokoll()" Methode:

Konsole.log (Vögel);

Ausgabe bedeutet, dass die Elemente in der Mitte des Arrays erfolgreich angehängt werden:

Wir haben die besten Methoden zum Anhängen von Elementen in einem Array in JavaScript gesammelt.

Abschluss

Um Elemente an ein Array anzuhängen, können Sie die integrierten JavaScript-integrierten Methoden verwenden, einschließlich der “drücken()" Methode, "concat ()" Methode, "unscharf ()”Methode oder“spleißen()" Methode. Die PUSP () -Methode kann Elemente am Ende eines Arrays einfügen, während die Unshift () -Methode Elemente zu Beginn eines Arrays angehängt, die Splice () -Methode fügt ein neues Element in der Mitte des Arrays und in der concat (concat () ein neues Element ein ) Methode verschmilzt zwei oder mehr Arrays. In diesem Artikel haben wir das Verfahren zum Hinzufügen von Elementen in JavaScript -Arrays mit geeigneten Beispielen ausgearbeitet.