JavaScript Spread Operator erklärte

JavaScript unterstützt zahlreiche Operatoren, Methoden und Funktionen, um den Code leicht verständlich und wiederverwendbar zu machen. Als einer der bekannten Betreiber wird der Spread-Operator praktiziert, um Elemente aus Variablen verschiedener Datentypen abzurufen (i.e., Saiten, Arrays, Objekte usw.). Darüber hinaus ist die Verwendung des Spread -Operators so vielfältig, dass er zum Kopieren von Arrayelementen, Verkettungsarrays, Anhängen jedes Elements an ein vorhandenes Array und vieles mehr verwendet werden kann.

Dieser Leitfaden bietet die Arbeit des Spread -Operators in JavaScript mit seinen Verteiler verwendet. Der folgende Inhalt würde in diesem Artikel behandelt:

1. Wie der Spread -Operator in JavaScript funktioniert
2. So verwenden Sie den Spread -Operator in JavaScript

Wie der Spread -Operator in JavaScript funktioniert

Die Syntax des Spread -Operators ähnelt dem Restoperator, wie unten zu sehen ist.

… Var

Obwohl die Syntax des Rest- und Spread -Operators gleich ist, haben sie unterschiedliche Funktionen zu bieten. Der Restoperator gibt die Kombination von Elementen in einer Array -Variablen zurück, während der Spread -Operator das Objekt in einzelne Elemente ausbreitet.

Wie man Arrays mit dem Spread Operator verkettet

Was kommt Ihnen bei der Verkettung von Arrays in den Sinn? concat () Methode, richtig? Der Spread -Operator kann jedoch auch verwendet werden, um zwei oder mehr Arrays zu einem einzigen zu verbinden. Der unten angegebene Code bezieht sich auf die Verkettung von Arrays in JavaScript mit dem Spread Operator.

var arr1 = [1, 2, 3]
var arr2 = [4, 5, 6]
var arr3 = [… arr1,… arr2];
Konsole.log (arr3);

Der obige Code erstellt zwei genannte Arrays arr1 und arr2. Später werden diese Arrays mit einem Spread -Operator verbunden und in einem anderen Array namens gespeichert arr3.

Ausgang

Der Ausgang zeigt, dass der Spread -Operator zwei Arrays verkettet hat.

So fügen Sie mit dem Spread Operator neue Elemente zu einem Array hinzu

Der folgende Code bezieht sich auf die Verwendung des Spread -Operators, um einem Array neue Elemente hinzuzufügen.

var arr1 = [1, 2, 3]
arr1 = [… arr1, 4, 5];
Konsole.log (arr1);

Der obige Code erstellt eine Reihe von Zahlen mit drei Elementen. Durch die Verwendung des Spread -Operators werden jedoch zwei weitere Elemente zu dem hinzugefügt arr1.

Ausgang

Die Ausgabe zeigt, dass zwei neue Elemente von arr1 hinzugefügt werden.

So verwenden Sie den Spread -Operator mit Mathematikfunktionen

In JavaScript werden die mathematischen Funktionen verwendet, um einige Berechnungen für die Daten durchzuführen. Sie können den Spread -Operator mit Übereinstimmungsfunktionen verwenden, um die Berechnungen effektiver auszuführen, wie sie im folgenden Code praktiziert werden würde.

var arr1 = [11, -22, 13, -44, 35]
Konsole.Protokoll (Mathematik.max (… arr1));

Der obige Code erstellt eine Reihe von Zahlen und Mathematik.Max Die Funktion wird für Array -Werte mit dem Spread -Operator verwendet.

Ausgang

Die Ausgabe zeigt, dass die Mathematik.MAX () Funktion wurde auf die angewendet arr1 mit Hilfe des Spread -Operators und des Maximalwerts aus dem arr1 ist zurück gekommen.

So konvertieren Sie mit dem Spread -Operator "String in ein Array von Stringzeichen" mit dem Spread -Operator

Der unten angegebene Code verwendet einen Spread -Operator, um die Zeichenfolge in eine Reihe von Zeichenfolgen umzuwandeln.

var x = "LinuxHint";
var arr = [… x];
Konsole.log (arr);

Der obige Code initialisiert eine Zeichenfolge und dann trennt der Spread -Operator die Zeichenfolgezeichen in ein Array von Zeichenfolgen.

Ausgang

Die Ausgabe zeigt, dass der Spread -Operator die Stringzeichen getrennt hat und in einem Array gespeichert ist.

So verwenden Sie den Spread -Operator im Funktionsaufruf

Der nachstehend angegebene Code verwendet einen Spread -Operator, um mehrere Argumente zu übergeben.

Funktion add (a, b, c, d, e)
Konsole.log (a+b+c+d+e)

var args = [10, 14, 18]
add (… args, 5, 8);

Eine Funktion hinzufügen wird erstellt, die fünf Werte als Argumente akzeptiert und diese Werte hinzufügt. Der Args ist eine Reihe von Zahlen, die drei Elemente enthalten. Beim Aufrufen der Funktion die Werte in Args werden mit dem Spread Operator ausgeübt und zwei Parameter werden einzeln verwendet, um die fünf Argumente zu vervollständigen.

Ausgang

Die Ausgabe zeigt, dass die add () Funktion wird mit dem aufgerufen Args, 5 und 8. Der Args umfassen drei Werte, die über die Funktion verteilt würden.

Abschluss

Mit dem Spread -Operator können Sie die Elemente extrahieren und sie in Individuen verteilen. Der Spread -Betreiber kam in ES6 ins Geschäft (die neueste JS -Version, die 2015 veröffentlicht wurde). Dieser Artikel zeigt die Arbeit und Verwendung eines Spread -Operators in JavaScript. Mit Hilfe des Spread -Operators kann man Arrays verkettet, einem Array neue Elemente hinzufügen, die Zeichenfolge in einzelne Zeichen zerlegen und viele mehr. Alle oben genannten Verwendungen des Spread -Operators werden hier mit Hilfe von Beispielen erläutert.