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
WBOYOriginal
2022-03-31 11:18:293490Durchsuche

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])

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);

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]

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

5. Konvertieren Sie die Zeichenfolge in ein echtes Array

[...'hello']  //

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])] //

【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!

Stellungnahme:
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