Javascript-Spread-Operator

| | | | | |

AvaScript Spread Operator erweitert ein Array in der Syntax, die Argumente akzeptiert. Der Spread-Operator wird häufig verwendet, um Objekte zu duplizieren, Arrays zusammenzufuhren oder den Inhalt einer Liste an eine Funktion zu ubergeben.

Der Spread-Operator. Nein, das hat nichts mit Toast zu tun. In JavaScript hat der Spread-Operator eine besondere Bedeutung: Er ist eine Möglichkeit, auf den Inhalt eines iterierbaren Objekts zuzugreifen. Das klingt vielleicht nicht so lustig wie das Einfugen eines Brotaufstrichs auf Toast, aber es ist ein unglaublich nutzliches Werkzeug, das Sie kennen sollten.

In diesem Leitfaden werden wir uber den JavaScript-Spread-Operator und seine Funktionsweise sprechen. Wir werden einige Beispiele gängiger Anwendungsfälle durchgehen, um Ihnen den Einstieg zu erleichtern.

Was ist der JavaScript-Spread-Operator?

Mit einem JavaScript-Spread-Operator können Sie auf den Inhalt einer iterierbares Objekt. Der Spread-Operator besteht aus drei Punkten (einer Ellipse), gefolgt vom Namen des Iterables, auf das Sie zugreifen möchten. Dieser Operator wurde in JavaScript ES6 eingefuhrt.

Die drei Typen iterierbarer Objekte sind Arrays, Objektliterale und Strings. Mit einer for-Schleife können Sie alle diese Datentypen durchlaufen und einen gemeinsamen Prozess fur sie ausfuhren.

Iterierbare Objekte sind nutzlich, da Sie denselben Prozess mehrmals ausfuhren können. Sie können einen String durchlaufen und bestimmte Zeichen ersetzen. Sie können ein Array durchlaufen und eine Summe aller im Array gespeicherten Werte erstellen.

Die Syntax fur den Spread-Operator lautet:

In dieser Syntax verwenden wir ‚Ķnames, um den Inhalt unserer "Namen‚" list in eine Liste namens "new_names‚". Die "neue_namen‚" Liste enth√§lt alle Elemente in der Liste "Namen‚" list, sowie einen neuen Namen: Leslie.

Drei häufige Anwendungsfälle fur den Spread-Operator sind:

Die Spread-Syntax stellt alle einzelnen Elemente in einer Liste dar.

Spread-Operator JavaScript: Create a Kopie eines Iterables

Der Spread-Operator ist eine effektive Methode zum Duplizieren eines Iterables. Es gibt zwar andere Möglichkeiten, dieses Problem anzugehen, aber der Spread-Operator ist wirklich einfach zu verwenden. So erstellen Sie eine Kopie eines Iterables , geben Sie drei Punkte und den Namen des zu erstellenden Arrays an.

In unserem letzten Beispiel haben wir gezeigt, wie dies mit einem Array funktioniert. Wir können auch den Spread-Operator verwenden, um JavaScript-Objekte zu duplizieren:

Unser Code gibt Folgendes an die JavaScript-Konsole aus:

Da sind einige wichtige Unterscheidungen, die wir in diesem Beispiel machen mussen. Wir erstellen eine Kopie eines JavaScript-Objekts. Das bedeutet, dass wir geschweifte Klammern ({}) anstelle von eckigen Klammern ([]) verwenden mussen.

Zweitens haben wir statt eines einzelnen Arrays ein Objekt angegeben. Dieses Objekt enth√§lt drei Schlussel und Werte, die sich jeweils auf unseren "Lemon Drizzle‚" cupcake.

Die Anwendungsfälle des Spread-Operators hören nicht mit dem Kopieren von Iterables auf! Es gibt noch mehr zu entdecken. Der Spread-Operator wird häufig verwendet, um Elemente von einem iterierbaren zum nächsten hinzuzufugen. Betrachten Sie das folgende Beispiel:

Unser Code gibt Folgendes zuruck:

Wir haben eine Kopie unseres Originals erstellt < ein href="/javascript-array/">JavaScript-Array namens "new_cupcakes‚", das auch einige zus√§tzliche Werte enth√§lt, die wir erstellt haben.

Sie können die gleiche Syntax auch verwenden, um zwei Iterables zusammenzufuhren. Alles, was Sie tun mussen, ist die beiden Iterablen in eckigen Klammern mit dem Spread-Operator anzugeben:

Unser Code gibt zuruck:

Dasselbe Ergebnis wird zuruckgegeben wie zuvor, aber dieses Mal haben wir zwei Arrays zusammengefuhrt.

JavaScript verbreiten: Argumente an eine Funktion ubergeben

Wenn Sie mehrere Argumente an eine JavaScript-Funktion ubergeben, kann es hilfreich sein, den Spread-Operator zu verwenden. Betrachten Sie dieses Beispiel:

Unser Code gibt Folgendes zuruck:

Wir haben eine Funktion namens placeOrder(), das drei Argumente aufnimmt und an die Konsole ausgibt. Jedem Wert geht ein Label voraus, das beschreibt, was jedes Argument enthält.

Obwohl dieser Code funktionsfähig ist, könnten wir unsere Argumente in einem Array angeben und den Spread-Operator verwenden, um sie an unsere Funktion zu ubergeben:

Unser Code gibt zuruck:

Die Ausgabe dieses Codes ist dieselbe, aber die Funktionsweise unseres Codes ist anders. Anstatt Werte direkt an unsere Funktion zu ubergeben, geben wir diese Werte in einer Liste an. Wir verwenden dann den Spread-Operator, um diese Werte an unsere Funktion zu ubergeben.



Schlussfolgerung

Der Spread-Operator wird in JavaScript häufig verwendet. Es macht es einfach, iterierbare Objekte zu kopieren, Elemente zu einem neuen iterierbaren hinzuzufugen und Argumente an eine Funktion zu ubergeben. Die Syntax fur den Spread-Operator besteht aus drei Punkten, gefolgt von dem iterierbaren Objekt, auf das Sie zugreifen möchten.

Jetzt sind Sie bereit, den JavaScript-Spread-Operator wie ein Profi zu verwenden!

Ratschläge zu den wichtigsten JavaScript-Lernressourcen, -Buchern und -Kursen finden Sie in unserer Artikel zum Erlernen von JavaScript.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, das Problem zu lösen. Sehen Sie sich neben Javascript-Spread-Operator auch andere __del__-bezogene Themen an.

Möchten Sie sich in Python auszeichnen? Sehen Sie sich unseren Rückblick auf die besten Python-Online-Kurse 2022 an. Wenn Sie an Data Science interessiert sind, sehen Sie sich auch an, wie Sie Programmieren in R lernen.

Dieses Material ist übrigens auch in anderen Sprachen verfügbar:



Walter Emmerson

London | 2022-11-30

JavaScript ist alles ein bisschen verwirrend 😭 Javascript-Spread-Operator ist nicht das einzige Problem, auf das ich gestoßen bin. Melde mich morgen mit Rückmeldung

Carlo OConnell

Boston | 2022-11-30

Ich bereitete mich auf mein Programmierinterview vor, danke für die Klarstellung - Javascript-Spread-Operator in Python ist nicht das einfachste. Gestern überprüft, funktioniert!

Javier Robinson

Paris | 2022-11-30

Vielleicht gibt es andere Antworten? Was bedeutet Javascript-Spread-Operator genau bedeutet?. Werde es in meiner Bachelorarbeit verwenden

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

Common xlabel/ylabel for matplotlib subplots

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Why do I get "Pickle - EOFError: Ran out of input" reading an empty file?

12 answers

NUMPYNUMPY

Flake8: Ignore specific warning for entire file

12 answers

NUMPYNUMPY

glob exclude pattern

12 answers

NUMPYNUMPY

How to avoid HTTP error 429 (Too Many Requests) python

12 answers

NUMPYNUMPY

Python CSV error: line contains NULL byte

12 answers

NUMPYNUMPY

csv.Error: iterator should return strings, not bytes

12 answers


Wiki

Python | How to copy data from one Excel sheet to another

Common xlabel/ylabel for matplotlib subplots

Check if one list is a subset of another in Python

sin

How to specify multiple return types using type-hints

exp

Printing words vertically in Python

exp

Python Extract words from a given string

Cyclic redundancy check in Python

Finding mean, median, mode in Python without libraries

cos

Python add suffix / add prefix to strings in a list

Why do I get "Pickle - EOFError: Ran out of input" reading an empty file?

Python - Move item to the end of the list

Python - Print list vertically