So erweitern Sie ein vorhandenes JavaScript -Array mit einem anderen Array, ohne ein neues Array zu erstellen

So erweitern Sie ein vorhandenes JavaScript -Array mit einem anderen Array, ohne ein neues Array zu erstellen

Um ein neues Array zu erstellen. Wenn das Array in anderen Teilen der Anwendung verwendet wird, müsste das Erstellen eines neuen Arrays alle Verweise auf das Original -Array aktualisiert werden. Insbesondere die Erweiterung des Arrays, ohne einen neuen zu erstellen.

In diesem Artikel wird die Methoden zur Erweiterung des vorhandenen Arrays mit einem anderen Array definiert, ohne ein neues Array in JavaScript zu erstellen/zu definieren.

So erweitern Sie ein vorhandenes Array mit einem anderen Array, ohne ein neues Array zu erstellen/zu definieren?

Verwenden Sie die folgenden Methoden, um ein Array zu erweitern, ohne ein neues Array zu erstellen:

    • Push () -Methode mit dem Spread Operator
    • PUSP () -Methode mit apply () Methode

Methode 1: Erweitern Sie ein vorhandenes Array mit einem anderen Array, ohne ein neues Array mit der Methode "push ()" mit dem Spread Operator zu erstellen/zu definieren

Verwenden Sie die “drücken()Methode mit der “Operator ausbreitenUm das Array zu erweitern, ohne ein neues Array zu erstellen. Der „Spread -Operator“ kopiert alle Elemente des Arrays und drückt das vorhandene Array mit der Methode "push ()" in das vorhandene Array.

Syntax

Befolgen Sie die untergegebene Syntax für die Push () -Methode mit dem Spread Operator, um das Array zu erweitern:

Array1.Push (… Array2)


In der obigen Syntax kopiert der Spread Operator (…) die Elemente der “Array2"Und schiebt sie in die"Array1”.

Beispiel

Erstellen Sie eine Reihe von Farben:

const array1 = ['rot', 'blau'];


Erstellen Sie ein anderes Array namens “Array2" von Blumen:

const array2 = ['Rose', 'Violet'];


Push Array2 nach Array1 mit der PUSP () -Methode mit dem Spread Operator:

Array1.Push (… Array2);


Drucken Sie das vorhandene erweiterte Array1 auf der Konsole:

Konsole.log (array1);


Es ist ersichtlich, dass das Array1 durch Hinzufügen von Array2 -Elementen erfolgreich erweitert wurde:

Methode 2: Erweitern Sie ein vorhandenes JavaScript -Array mit einem anderen Array, ohne ein neues Array mit der Methode "push ()" mit der Methode "apply ()" zu erstellen

Sie können auch das verwenden “drücken()Methode mit der “anwenden()Methode zur Erweiterung des Arrays. Die Methode apply () nimmt beide Arrays als Argument an und drückt ihre Elemente in das vorhandene Array.

Syntax

Verwenden Sie die folgende Syntax, um das Array mit der Methode apply () mit der PUSP () -Methode zu erweitern:

Array1.drücken.anwenden (Array1, Array2)


Beispiel

Rufen Sie die Methode apply () an, indem Sie beide Arrays übergebenArray1" Und "Array2”Mit der PUSP () -Methode, um das Array1 durch Hinzufügen von Array2 -Elementen zu erweitern:

Array1.drücken.anwenden (Array1, Array2);


Drucken Sie schließlich das resultierende Array auf der Konsole:

Konsole.log (array1);


Ausgang


Das dreht sich alles um die Erweiterung eines Arrays, ohne ein neues Array in JavaScript zu erstellen.

Abschluss

Verwenden Sie die “, um ein Array zu erweitern, ohne ein neues Array zu erstellen, das“drücken() Methode mit der Operator ausbreiten" oder der "drücken() Methode mit anwenden() Methode". Der Spread -Operator kopiert Elemente des zweiten Arrays und drückt sie in das erste vorhandene Array. In diesem Artikel haben wir die Methoden zur Erweiterung des Arrays mit einem anderen Array definiert, ohne ein neues Array in JavaScript zu erstellen/zu definieren.