JavaScript -Verschmelzung und Verkettung von Arrays

JavaScript ist eine objektbasierte Skript-/Programmiersprache, die als Front-End-Websprache verwendet wird. Wenn die Entwickler eine Animation machen oder die Website interaktiver machen müssen, ist JavaScript die Sprache hinter der gesamten Interaktivität.

Wie wir alle wissen, werden Arrays normalerweise verwendet, um denselben Daten oder Informationen zu speichern. Wenn es darum geht, einige dynamische Änderungen vorzunehmen, z.

In diesem Beitrag erhalten wir eine detaillierte Anleitung zum Zusammenführen oder Beschließen mehrerer Arrays in JavaScript.

Was ist die concat () -Methode in JavaScript?

Um zwei oder mehr Arrays in JavaScript zusammenzuführen, die concat () Funktion wird verwendet. Die Syntax zur Verkettung mehrerer Arrays unter Verwendung der Concat -Methode lautet:

Array_Name.concat (First_array, Second_array,…, n_array)

• Der concat () Die Funktion nimmt mehrere Arrays als Parameter und verbindet sie als ein Array zusammen.
• Der concat () Die Funktion gibt ein neues Array zurück und wirkt sich nicht auf das ursprüngliche Array aus.

Versuchen wir, zwei Arrays anzuschließen und das besser zu verstehen concat () Funktion.

Notiz: Wir werden die Browserkonsole verwenden, um Beispiele zu demonstrieren, die in diesem Beitrag durchgeführt wurden. Um die Browserkonsole zu öffnen:

• Benutze die F12 Schlüssel in Chrom- und anderen Browsern auf Chrombasis.
• Verwenden Strg + Verschiebung + k Tastaturverknüpfungsschlüssel für Mozilla.
• Verwenden Option + ⌘ + c Tastaturverknüpfungsschlüsse in Safari (Wenn das Entwicklermenü nicht angezeigt wird, öffnen Sie Einstellungen, indem Sie ⌘ +drücken und auf der Registerkarte Erweitert untersuchen "Menü entwickeln in der Menüleiste").

So verwenden Sie Concat () -Funktion in JavaScript

Angenommen, wir haben zwei Arrays und wollen sie zu einem einzigen Array machen:

var arr1 = [10,20,30,40];
var arr2 = [50,60,70,80];

Um sie zu einem Array zu beschweren, wird die folgende Erklärung verwendet:

var arr3 = arr1.concat (arr2);

Nun, wenn wir die trösten arr3:

Konsole.log (arr3);

Sie können sehen, dass zwei Arrays arr1 Und arr2, werden verkettet in arr3.

Nehmen wir nun an, wir wollen diese drei Arrays verkettet. Um mehrere Arrays nach Code -Snippet zu verbinden, wird verwendet:

var arr4 = arr1.concat (arr2, arr3);

Eine andere Möglichkeit, die gleiche Aufgabe zu erledigen, würde so laufen:

var arr4 = [].concat (arr1, arr2, arr3);

Wenn wir uns jetzt das ansehen arr4:

Konsole.log (arr4);

Sie können sehen, dass alle drei Arrays in die verschmolzen werden arr4 Wie wir es erwarten, wird es.

So können wir zwei Arrays mit der CONCAT -Methode zusammenführen.

Verkettenat -Arrays mit dem Spread Operator in JavaScript verkaufen

Eine andere Möglichkeit, mehrere Arrays in JavaScript zusammenzuführen, besteht darin, den Spread -Operator zu verwenden. Das Zusammenführen von zwei Arrays mit einem Spread -Operator ist wirklich einfach. Bereiten Sie einfach drei Punkte auf den Array -Namen vor und geben Sie sie als Array -Element für ein neues Array an.

Zum Beispiel haben wir zwei Arrays:

var arr1 = [10,20,30,40];
var arr2 = [50,60,70,80];

Verwenden Sie jetzt die folgende Anweisung, um sie mit dem Spread Operator beizutragen:

var arr3 = [… arr1,… arr2]

Trösten Sie nun die arr3 verifizieren:

Konsole.log (arr3);

Sie können sehen, dass arr1 Und arr2 werden perfekt mit dem Spread Operator verbunden.

Abschluss

Der concat () Die Methode ist nützlich, wenn die Daten in Arrays manipulieren, ohne die ursprünglichen Arrays zu ändern. Bei der Arbeit an Webanwendungen müssen wir möglicherweise die Daten verschiedener Arrays kombiniert zeigen. Wir können dies tun, indem wir die verwenden Kontakt() Methode in JavaScript. Diese Methode hilft uns, unsere Aufgabe auszuführen, ohne die tatsächlichen Arrays zu ändern, die später in ihrem ursprünglichen Zustand benötigt werden können.

In dieser Anleitung haben wir gelernt, die zu verwenden concat () Funktion in JavaScript. Darüber hinaus haben wir gelernt, den Spread Operator zu verwenden, der auch zum Zusammenführen von Arrays verwendet wird. Der Spread -Operator ist in letzter Zeit eine beliebtere Art, Arrays zu verschmelzen.