So fusionieren Sie Arrays in JavaScript

Eine Sammlung von Elementen oder Elementen wird als eine bezeichnet Array. Arrays können Daten als Elemente speichern, und dann können Sie bei Bedarf darauf zugreifen. Es handelt sich um eine Datenstruktur, die üblicherweise in verschiedenen Programmiersprachen verwendet wird, einschließlich JavaScript.

Es gibt Chancen, die Sie möglicherweise benötigen verschmelzen Arrays, wenn die Daten aus mehreren Streams stammen. In einer solchen Situation können Sie alle Elemente verschiedener Arrays zu einem einzigen Array kombinieren. JavaScript unterstützt die Unveränderlich Und Veränderlich Die Verschmelzung von Arrays und jeder Ansatz basiert auf bestimmten Methoden.

In diesem Artikel wird das Verfahren erläutert, um Arrays in JavaScript mit Hilfe geeigneter Beispiele zu verschmelzen. So lass uns anfangen!

So fusionieren Sie Arrays in JavaScript

JavaScript bietet zwei Möglichkeiten zum Zusammenführen von Arrays: Unveränderliche Verschmelzung und veränderliche Verschmelzung.

Unveränderliche Verschmelzung von Arrays

Bei unveränderlicher Verschmelzung wird nach dem Zusammenführen der Elemente der angegebenen Arrays ein Neues Array erstellt. JavaScript "AusbreitungOperator und “Array.concat ()Die Methode wird für die unveränderliche Verschmelzung von Arrays verwendet.

Veränderliche Verschmelzung von Arrays

Die veränderliche Methode zum Zusammenführen von Arrays wird verwendet, um den Zusammenführungsvorgang in ein vorhandenes Array durchzuführen. “Array.drücken()„Methode kann verwendet werden, um die Elemente eines Arrays auf ein anderes zu drücken.

Schauen wir uns nun die Prozedur der Verwendung jeder der angegebenen Methoden in JavaScript an.

So fusionieren Sie Arrays in JavaScript mit dem Spread Operator

Der Spread -Operator wurde in ES6 eingeführt, dargestellt durch drei aufeinanderfolgende Punkte “… ”. Es wird verwendet, um Arrays zu zerstören und sie entsprechend zu verschmelzen.

Syntax der Verwendung von Spread Operator zum Zusammenführen von Arrays in JavaScript

In der folgenden Syntax müssen Sie die Arrays angeben, die mit dem Spread-Operator vorangebracht werden müssen… ", Im Array buchstäblich"[]”:

const mergedArray = [… Array1,… Array2];

Hier wird JavaScript ein neues erzeugen “mergedarray"Das umfasst die Elemente von"Array1" Und "Array2”.

Beispiel: So fusionieren Sie Arrays in JavaScript mit dem Spread Operator

Zunächst werden wir zwei genannte Arrays erstellen. “Mädchen" Und "Jungen,Das wird die folgenden Elemente haben:

Const Girls = ['Marie', 'Stepheny'];
Const Boys = ['Alex', 'max'];

Im nächsten Schritt werden wir den JavaScript -Spread -Operator zum Zusammenführen verwendenMädchen" Und "Jungen"Array -Elemente in ein neues"Menschen”Array:

const people = [… Mädchen,… Jungen];
Konsole.log (people);

Die Ausführung des oben gegebenen Programms zeigt die folgende Ausgabe an:

Die Reihenfolge, in der Sie Arrays im Array Literal angeben. Sie können also auswählen, ob Sie die Elemente vor oder nach den anderen Array -Elementen einfügen möchten.

Zum Beispiel wollen wir beide Arrays zusammenführen “,“Mädchen" Und "Jungen,Verwenden Sie den Spread -Operator so, dass die Elemente der „Elemente der“Jungen"Array kommt vor dem"Mädchen”Array -Elemente. Zu diesem Zweck werden wir angeben “Jungen" Vor dem "Mädchen”Array im Array Literal:

Const Girls = ['Marie', 'Stepheny'];
Const Boys = ['Alex', 'max'];
const people = [… Jungen,… Mädchen];
Konsole.log (people);

Ausgang

Wie Sie sehen können, der Startindex der “Menschen"Array enthält das"Jungen"Array -Element, und danach beziehen sich andere Indizes"Mädchen”Array -Elemente.

So fusionieren Sie Arrays in JavaScript mithilfe der Concat () -Methode

“concat ()”Ist eine der nützlichsten JavaScript -Methoden und wird hauptsächlich zum Zusammenführen mehrerer Arrays in ein neues Array verwendet.

Syntax der concat () -Methode in JavaScript

Wenn Sie Arrays mit dem JavaScript zusammenführen möchten “concat ()Methode, dann sind dies die beiden Formen von concat () Methodensyntax:

const mergedarray = array1.concat (array2);

ODER

const mergedArray = [].concat (array1, array2);

In der ersten Form die “concat ()"Methode fusioniert die Elemente von"Array2" In "Array1", Während in der zweiten Syntaxform", "Array1" Und "Array2Elemente werden in ein leeres Array verschmolzen.

Beispiel: So fusionieren Sie Arrays in JavaScript mithilfe der concat () -Methode

Das folgende Beispiel fusioniert die Elemente von “Mädchen"Array mit"Jungen"Durch die Verwendung des"Array.concat ()" Methode:

Const Girls = ['Marie', 'Stepheny'];
Const Boys = ['Alex', 'max'];
const people = Mädchen.concat (jungen);
Konsole.log (people);

Schauen Sie sich die untergegebene Ausgabe an:

Jetzt werden wir dasselbe Beispiel ausführen, während wir die andere Syntax der concat () -Methode verwenden:

Const Girls = ['Marie', 'Stepheny'];
Const Boys = ['Alex', 'max'];
const people = [].concat (Mädchen, Jungen);
Konsole.log (people);

Das angegebene JavaScript -Programm wird auch die angegebenen Arrays auf die gleiche Weise zusammenführen:

So fusionieren Sie Arrays in JavaScript mithilfe der PUSP () -Methode

Wenn Sie Array -Elemente müde zusammenführen möchten, müssen Sie nur das JavaScript verwenden. “drücken()" Methode. Mit dieser Methode können Sie mehrere Arrays in einem vorhandenen Array problemlos zusammenführen.

Syntax der PUSP () -Methode in JavaScript

Array1.Push (… Array2);

Die Elemente von “zu schieben“Array2" In "Array1"Sie müssen Spread Operator anwenden"… ”Zu den Argumenten.

Beispiel: Zusammenführen Arrays in JavaScript mithilfe der PUSP () -Methode

Das folgende Beispiel verwendet das “Array.drücken()"Methode, um die Elemente von zu verschmelzen oder zu schieben"Mädchen"Array in"Jungen”Array:

Const Girls = ['Marie', 'Stepheny'];
Const Boys = ['Alex', 'max'];
Jungen.Push (… Mädchen);
Konsole.Block (Jungen);

Schauen Sie sich nun die Elementsequenz des “anJungen”Array:

Hinzufügen "Ausbreitung"Der Betreiber ist wichtig, während die Argumente an die" weiterleiten "drücken()”Methode, sonst die“drücken()"Methode wird das anhängen"Mädchen"Array als Ganzes zum"Jungen”Array:

Const Girls = ['Marie', 'Stepheny'];
Const Boys = ['Alex', 'max'];
Jungen.Push (Mädchen);
Konsole.Block (Jungen);

Die angegebene Ausgabe bedeutet, dass nach der Ausführung der PUSP () -Methode die “die“Mädchen"Array wird als Ganzes im zweiten Index der" hinzugefügt "Jungen”Array:

Das sind alle wesentlichen Informationen über das Zusammenführen von Arrays in JavaScript mit der veränderlichen und unveränderlichen Methode. Jetzt können Sie sie nach Ihren Anforderungen weiter untersuchen.

Abschluss

Um Arrays in JavaScript zu verschmelzen, können Sie die verwenden Array.concat () Methode oder die Operator ausbreiten [… Array1,… Array2] im Array buchstäblichen „[]“, um Arrays auf unveränderliche Weise zu verschmelzen (Schaffung eines Neuarray). Wenn Sie jedoch die angegebenen Array -Elemente in einem vorhandenen Array mächtig verschmelzen möchten, können Sie die verwenden Array.drücken() Methode. In diesem Artikel wurde das Verfahren erläutert, um Arrays in JavaScript mit Hilfe geeigneter Beispiele zu verschmelzen.