Heim Web-Frontend js-Tutorial Detaillierte Erläuterung der Beispiele für destrukturierende Aufgaben für das ES6-Lernen

Detaillierte Erläuterung der Beispiele für destrukturierende Aufgaben für das ES6-Lernen

Jun 26, 2017 pm 02:51 PM
学习 Serie 赋值

1. Die Definition der destrukturierenden Zuweisung

Ein einfaches Verständnis ist, dass die linke und rechte Seite des Zuweisungszeichens die gleiche Struktur haben, um eine Eins-zu- eine Zuweisungsanweisungen

2. Klassifizierung der Destrukturierungszuweisung

Array-Destrukturierungszuweisung Objekt-Destrukturierungszuweisung String-Destrukturierungszuweisung Boolescher Wert-Destrukturierungszuweisung Funktionsparameter-Destrukturierungszuweisung Numerische Destrukturierungsaufgabe ( Konzentrieren Sie sich nur auf das Verständnis der ersten beiden )

3. Erklären Sie jede Kategorie einzeln

1. Zuweisung zur Array-Destrukturierung (der Code wird unten angezeigt und zum besseren Verständnis werden die erforderlichen Kommentare hinzugefügt)

{
  let a,b,rest;
  [a,b]=[1,2];
  console.log(a,b);//输出1,2 直接将1和2解构到a和b}
Nach dem Login kopieren

 Sie können auch Standardwerte für Variablen festlegen . Im folgenden Code ist beispielsweise c Der Standardwert ist 3. Wenn bei der Destrukturierung beispielsweise [a,b,c]=[1,2] c nicht dekonstruiert wird, ist c undefiniert

{
  let a,b,c,rest;
  [a,b,c=3]=[1,2];
  console.log(a,b);}
Nach dem Login kopieren

 Szenario 1 verwenden

 ①, variabler Austausch 

{
  let a=1;
  let b=2;
  [a,b]=[b,a];
  console.log(a,b);
}
Nach dem Login kopieren

 ②, direkte Extraktion des Funktionsrückgabewerts (Ohne die Zuweisung zu zerstören, müssen Sie zuerst das Ergebnis und dann über den Index abrufen)

{  function f(){return [1,2]
  }
  let a,b;
  [a,b]=f();
  console.log(a,b);
}
Nach dem Login kopieren

 ③ Rufen Sie nur einige erforderliche Werte des zurückgegebenen Ergebnisses ab

{  function f(){return [1,2,3,4,5]
  }
  let a,b,c;
  [a,,,b]=f();
  console.log(a,b); // 输出1 4
}
Nach dem Login kopieren

 ④ Die Inhaltslänge des Arrays ist egal

{  function f(){return [1,2,3,4,5]
  }
  let a,b,c;
  [a,...b]=f();
  console.log(a,b);//输出1,[2,3,4,5]
}
Nach dem Login kopieren

 2. Objektdestrukturierung und -zuweisung

{
  let o={p:42,q:true};
  let {p,q}=o;
  console.log(p,q);
}
Nach dem Login kopieren

 Objektdestrukturierungszuweisung legt den Standardwert fest

{
  let {a=10,b=5}={a:3};
  console.log(a,b);//输出3 5
}
Nach dem Login kopieren

 Destrukturierende Zuordnung leicht komplexer Objekte 

{
  let metaData={
    title:'abc',
    test:[{
      title:'test',
      desc:'description'}]
  }
  let {title:esTitle,test:[{title:cnTitle}]}=metaData;
  console.log(esTitle,cnTitle);//abc test (相当于esTitle和cnTitle分别对应metaData里面的abc和test)
}
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Beispiele für destrukturierende Aufgaben für das ES6-Lernen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So aktivieren Sie Kopieren und Einfügen für virtuelle VMware-Maschinen So aktivieren Sie Kopieren und Einfügen für virtuelle VMware-Maschinen Feb 21, 2024 am 10:09 AM

Sie können problemlos Texte und Dateien zwischen virtuellen VMware-Maschinen (VMs) und physischen Systemen kopieren und einfügen. Mit dieser Funktion können Sie Bilder, formatierten und unformatierten Text und sogar E-Mail-Anhänge problemlos zwischen virtuellen Maschinen und Hostsystemen übertragen. In diesem Artikel erfahren Sie, wie Sie diese Funktion aktivieren und Methoden zum Kopieren von Daten, Dateien und Ordnern demonstrieren. So aktivieren Sie Kopieren/Einfügen in VMware VMware bietet drei verschiedene Möglichkeiten, Daten, Dateien oder Ordner von einer virtuellen Maschine auf einen physischen Computer und umgekehrt zu kopieren, wie unten erläutert: Elemente kopieren und einfügen Drag-and-Drop-Funktion Ordnerfreigabe 1 ] Kopieren aktivieren -Einfügen mit VMware Tools Sie können die Tastatur verwenden, wenn Ihre VMWare-Installation und Ihr Gastbetriebssystem die Anforderungen erfüllen

So kopieren Sie eine Seite in Word So kopieren Sie eine Seite in Word Feb 20, 2024 am 10:09 AM

Möchten Sie eine Seite in Microsoft Word kopieren und die Formatierung beibehalten? Dies ist eine kluge Idee, da das Duplizieren von Seiten in Word eine nützliche zeitsparende Technik sein kann, wenn Sie mehrere Kopien eines bestimmten Dokumentlayouts oder -formats erstellen möchten. Diese Anleitung führt Sie Schritt für Schritt durch den Prozess des Kopierens von Seiten in Word, unabhängig davon, ob Sie eine Vorlage erstellen oder eine bestimmte Seite in einem Dokument kopieren. Diese einfachen Anweisungen sollen Ihnen dabei helfen, Ihre Seite einfach neu zu erstellen, ohne bei Null anfangen zu müssen. Warum Seiten in Microsoft Word kopieren? Es gibt mehrere Gründe, warum das Kopieren von Seiten in Word sehr vorteilhaft ist: Wenn Sie ein Dokument mit einem bestimmten Layout oder Format kopieren möchten. Im Gegensatz dazu, die gesamte Seite von Grund auf neu zu erstellen

Erfahren Sie, wie Sie pip vollständig deinstallieren und Python effizienter nutzen Erfahren Sie, wie Sie pip vollständig deinstallieren und Python effizienter nutzen Jan 16, 2024 am 09:01 AM

Keine Notwendigkeit mehr für Pip? Kommen Sie und lernen Sie, wie Sie Pip effektiv deinstallieren! Einführung: pip ist eines der Paketverwaltungstools von Python, mit dem Python-Pakete einfach installiert, aktualisiert und deinstalliert werden können. Manchmal müssen wir jedoch pip möglicherweise deinstallieren, vielleicht weil wir ein anderes Paketverwaltungstool verwenden möchten oder weil wir die Python-Umgebung vollständig löschen müssen. In diesem Artikel wird erläutert, wie Sie Pip effizient deinstallieren, und es werden spezifische Codebeispiele bereitgestellt. 1. Methoden zum Deinstallieren von Pip Im Folgenden werden zwei gängige Methoden zum Deinstallieren von Pip vorgestellt.

Ein tiefer Einblick in die Farbkarte von Matplotlib Ein tiefer Einblick in die Farbkarte von Matplotlib Jan 09, 2024 pm 03:51 PM

Um mehr über die Matplotlib-Farbtabelle zu erfahren, benötigen Sie spezifische Codebeispiele. 1. Einführung Matplotlib ist eine leistungsstarke Python-Zeichenbibliothek. Sie bietet einen umfangreichen Satz an Zeichenfunktionen und -werkzeugen, mit denen verschiedene Arten von Diagrammen erstellt werden können. Die Farbkarte (Colormap) ist ein wichtiges Konzept in Matplotlib, das das Farbschema des Diagramms bestimmt. Eine eingehende Untersuchung der Matplotlib-Farbtabelle wird uns helfen, die Zeichenfunktionen von Matplotlib besser zu beherrschen und das Zeichnen komfortabler zu gestalten.

Vollständige Codenamen der Xiaomi 15-Serie enthüllt: Dada, Haotian, Xuanyuan Vollständige Codenamen der Xiaomi 15-Serie enthüllt: Dada, Haotian, Xuanyuan Aug 22, 2024 pm 06:47 PM

Die offizielle Veröffentlichung der Xiaomi Mi 15-Serie wird im Oktober erwartet, und die vollständigen Codenamen der Serie wurden in der MiCode-Codebasis ausländischer Medien veröffentlicht. Unter ihnen trägt das Flaggschiff Xiaomi Mi 15 Ultra den Codenamen „Xuanyuan“ (was „Xuanyuan“ bedeutet). Dieser Name stammt vom Gelben Kaiser in der chinesischen Mythologie, der Adel symbolisiert. Xiaomi 15 trägt den Codenamen „Dada“, während Xiaomi 15Pro den Namen „Haotian“ (was „Haotian“ bedeutet) trägt. Der interne Codename des Xiaomi Mi 15S Pro lautet „dijun“, was auf Kaiser Jun anspielt, den Schöpfergott von „The Classic of Mountains and Seas“. Abdeckungen der Xiaomi 15Ultra-Serie

Lassen Sie uns gemeinsam lernen, wie Sie die Stammzahl in Word eingeben Lassen Sie uns gemeinsam lernen, wie Sie die Stammzahl in Word eingeben Mar 19, 2024 pm 08:52 PM

Beim Bearbeiten von Textinhalten in Word müssen Sie manchmal Formelsymbole eingeben. Manche Leute wissen nicht, wie man die Stammzahl in Word eingibt, also habe ich den Redakteur gebeten, mit meinen Freunden ein Tutorial zur Eingabe der Stammzahl in Word zu teilen. Ich hoffe, es hilft meinen Freunden. Öffnen Sie zunächst die Word-Software auf Ihrem Computer, öffnen Sie dann die Datei, die Sie bearbeiten möchten, und bewegen Sie den Cursor an die Stelle, an der Sie das Stammzeichen einfügen müssen, siehe Beispielbild unten. 2. Wählen Sie [Einfügen] und dann im Symbol [Formel]. Wie im roten Kreis im Bild unten gezeigt: 3. Wählen Sie dann unten [Neue Formel einfügen]. Wie im roten Kreis im Bild unten gezeigt: 4. Wählen Sie [Radikal] und dann das entsprechende Radikal. Wie im roten Kreis im Bild unten gezeigt:

Erste Schritte mit Pygame: Umfassendes Installations- und Konfigurations-Tutorial Erste Schritte mit Pygame: Umfassendes Installations- und Konfigurations-Tutorial Feb 19, 2024 pm 10:10 PM

Lernen Sie Pygame von Grund auf: Komplettes Installations- und Konfigurations-Tutorial, spezifische Codebeispiele erforderlich. Einführung: Pygame ist eine Open-Source-Spieleentwicklungsbibliothek, die mit der Programmiersprache Python entwickelt wurde. Sie bietet eine Fülle von Funktionen und Tools, mit denen Entwickler problemlos eine Vielzahl von Typen erstellen können des Spiels. Dieser Artikel hilft Ihnen, Pygame von Grund auf zu erlernen und bietet ein vollständiges Installations- und Konfigurations-Tutorial sowie spezifische Codebeispiele, um Ihnen einen schnellen Einstieg zu erleichtern. Teil eins: Python und Pygame installieren Stellen Sie zunächst sicher, dass Sie dies getan haben

Die Attraktivität der C-Sprache enthüllen: Das Potenzial von Programmierern aufdecken Die Attraktivität der C-Sprache enthüllen: Das Potenzial von Programmierern aufdecken Feb 24, 2024 pm 11:21 PM

Der Reiz des Erlernens der C-Sprache: Das Potenzial von Programmierern freisetzen Mit der kontinuierlichen Weiterentwicklung der Technologie ist die Computerprogrammierung zu einem Bereich geworden, der viel Aufmerksamkeit erregt hat. Unter vielen Programmiersprachen war die Sprache C schon immer bei Programmierern beliebt. Seine Einfachheit, Effizienz und breite Anwendung machen das Erlernen der C-Sprache für viele Menschen zum ersten Schritt, um in den Bereich der Programmierung einzusteigen. In diesem Artikel geht es um den Reiz des Erlernens der C-Sprache und darum, wie man das Potenzial von Programmierern durch das Erlernen der C-Sprache freisetzt. Der Reiz des Erlernens der C-Sprache liegt zunächst einmal in ihrer Einfachheit. Im Vergleich zu anderen Programmiersprachen C-Sprache

See all articles