Heim  >  Artikel  >  Web-Frontend  >  Was stellen drei Punkte in JavaScript dar?

Was stellen drei Punkte in JavaScript dar?

青灯夜游
青灯夜游Original
2021-10-28 16:41:0213519Durchsuche

In JavaScript stellen drei Punkte „…“ den Erweiterungsoperator dar, der in ES6 neu hinzugefügt wurde. Er kann Array-Ausdrücke oder Zeichenfolgen auf Syntaxebene während Funktionsaufrufen/Array-Erstellung erweitern eine „Schlüssel-Wert“-Methode beim Erstellen literaler Objekte.

Was stellen drei Punkte in JavaScript dar?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Wenn wir uns den js-Code ansehen, sehen wir oft (...) drei Punkte. Was bedeutet das? Was ist der Nutzen?

Jetzt werde ich dir die Dinge über die drei Punkte mitteilen

Was bedeuten sie?

Der eigentliche Name von Three Dots (...) ist der Erweiterungsoperator, der in ES6 neu hinzugefügt wurde. Er kann Array-Ausdrücke oder Strings auf grammatikalischer Ebene während Funktionsaufrufen/Array-Konstruktionen erweitern Konstruktion Bei Verwendung eines Literalobjekts wird der Objektausdruck auf Schlüsselwert-Weise erweitert

Literale beziehen sich im Allgemeinen auf [1,2,3] oder {name:'chuichui'}, eine einfache Konstruktionsmethode und eine Multi- Es gibt nichts, was Sie tun können, wenn Sie drei Punkte mit dem Objekt haben. Um es klar auszudrücken: Es bedeutet, dass Sie Ihre Kleidung ausziehen, egal ob es sich um geschweifte Klammern ([]) oder geschweifte Klammern ({}) handelt Egal,

Zieh 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 Sie es zur Übergabe von Funktionsparametern

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

Verwenden Sie es, wenn wir die Elemente im Array in Funktionsparameter iterieren möchten!

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 stellen drei Punkte in JavaScript dar?. 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