Heim > Web-Frontend > Front-End-Fragen und Antworten > Was ist die Verwendung von drei Punkten in es6?

Was ist die Verwendung von drei Punkten in es6?

WBOY
Freigeben: 2022-03-31 11:20:21
Original
3463 Leute haben es durchsucht

Verwendung: 1. Arrays zusammenführen, die Syntax ist „[...arr1, ...arr2]“; 2. Array-Objekte kopieren, die Syntax ist „name= [...array-Objekt]“; Konvertierung Zeichenarray, die Syntax ist „[...String-Objekt]“; 4. Destrukturierung von Variablen, die Syntax ist „[Variablenobjekt,...Name]=Wert“.

Was ist die Verwendung von drei Punkten in es6?

Die Betriebsumgebung dieses Tutorials: Windows 10-System, ECMAScript Version 6.0, Dell G3-Computer.

Was ist die Verwendung von drei Punkten in ES6?

Der Spread-Operator (Spread) ist ein neuer Operator in ES6. Er kann beispielsweise ein Array konvertieren in ein Komma Getrennte Parametersequenzen usw. In Anwendungsszenarien werden normalerweise zwei Typen verwendet: Objektverbreitungsoperator und Array-Operator.

Die Funktionen lauten wie folgt:

1. Ermitteln Sie den Maximalwert des Arrays.

Allgemein: Math.max(1,2,3)

Schreiben: Math.max(...[1,2,3]) entspricht dem obigen Beispiel

2. Rufen Sie die Methode auf

function sum(a,b){
  console.log(a+b)//5
}
sum(...[2,3])
Nach dem Login kopieren

Das Ergebnis ist:

Was ist die Verwendung von drei Punkten in es6?

3. Verbinde das Array

var arr1 = [0, 1, 2]; 
var arr2 = [3, 4, 5];  
arr1.push(...arr2);
Nach dem Login kopieren

Die resultierenden Array-Elemente sind 0, 1, 2, 3, 4, 5.

4. Verbinde das Array

var arr1 = ['a', 'b']; 
var arr2 = ['c']; 
var arr3 = ['d', 'e'];
[...arr1, ...arr2, ...arr3]
Nach dem Login kopieren

Die verbundenen Array-Elemente sind: a, b, c, d, e

5. Konvertieren Sie die Zeichenfolge in ein echtes Array

[...'hello']  //
Nach dem Login kopieren

Das Ergebnis ist:

Was ist die Verwendung von drei Punkten in es6?

6 in ein echtes Array konvertieren und Duplikate entfernen Wenn Sie nicht wissen, wie viele Parameter es gibt, können Sie Parameter direkt angeben: param.data oder Parameter: {undefiniert

[...new Set([1,2,3,3])] //
Nach dem Login kopieren
【Verwandte Empfehlungen:

Javascript-Video-Tutorial,
Web-Frontend

Das obige ist der detaillierte Inhalt vonWas ist die Verwendung von drei Punkten in es6?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
es6
Quelle:php.cn
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
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage