Was bedeuten mehrere Punkte in JavaScript?

In JavaScript beziehen sich mehrere Punkte auf den Spread-Operator, der eine neu hinzugefügte Funktion in ES6 ist. Er kann auch Array-Ausdrücke oder Strings auf Syntaxebene konvertieren Erweitern Sie Objektausdrücke auf „Schlüsselwert“-Weise, wenn Sie ein Literalobjekt erstellen.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, ECMAScript Version 6, Dell G3-Computer.

In JavaScript werden drei Punkte (...) eigentlich als Erweiterungsoperator bezeichnet. Dies ist ein neuer Zusatz in ES6. Er kann Array-Ausdrücke oder Zeichenfolgen auf Syntaxebene während Funktionsaufrufen/Array-Erstellung erweitern Objektausdruck auf Schlüsselwert-Weise beim Erstellen eines Literalobjekts

Literal bezieht sich im Allgemeinen auf eine einfache Konstruktionsmethode wie [1,2,3] oder {name:'chuichui'}, mehrschichtig Es gibt nichts, was Sie können Was Sie mit verschachtelten Arrays und Objekten tun können

Um es ganz klar auszudrücken bedeutet es, sich auszuziehen, egal ob geschweifte Klammern ([]) oder geschweifte Klammern ({}), es spielt keine Rolle, Ziehen Sie sie alle aus !

// 数组
var number = [1,2,3,4,5,6]
console.log(...number) //1 2 3 4 5 6
//对象
var man = {name:'chuichui',height:176}
console.log({...man}) / {name:'chuichui',height:176}

Wofür ist es?

Es hat ein breites Anwendungsspektrum, wir können es überall sehen, hier sind ein paar gängige Beispiele

Verwenden Sie es zum Kopieren

//数组的复制
var arr1 = ['hello']
var arr2 =[...arr1]
arr2 // ['hello']
//对象的复制
var obj1 = {name:'chuichui'}
var obj2 ={...arr}
ob12 //  {name:'chuichui'}

Verwenden Sie es zum Zusammenführen

//数组的合并
var arr1 = ['hello']
var arr2 =['chuichui']
var mergeArr = [...arr1,...arr2]
mergeArr  // ['hello','chuichui']
// 对象分合并
var obj1 = {name:'chuichui'}
var obj2 = {height:176}
var mergeObj = {...obj1,...obj2}
mergeObj // {name: "chuichui", height: 176}

Verwenden Sie es zum Konvertieren von Zeichen in Arrays

var arr1 = [...'hello']
arr1 // ["h", "e", "l", "l", "o"]

Verwenden es zum Übergeben von Parametern in Funktionen

Kann mit normalen Funktionen kombiniert und flexibel verwendet werden

function f(v,w,x,y,z){ }
var args = [2,3]
f(1,...args,4,...[5])

Wenn wir die Elemente im Array in Funktionsparameter iterieren möchten, verwenden Sie es!

function f(x,y,z){}
var args = [1,2,3]
f(...args)

// 以前的方法
f.apply(null,args);

【Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene】

Das obige ist der detaillierte Inhalt vonWas bedeuten mehrere Punkte in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!