Que signifient plusieurs points en JavaScript ?

En JavaScript, plusieurs points "..." font référence à l'opérateur spread, qui est une fonctionnalité nouvellement ajoutée dans ES6. Il peut également convertir des expressions de tableau ou des chaînes au niveau de la syntaxe lors des appels de fonction/de la construction de tableaux. développez les expressions d'objet de manière "clé-valeur" lors de la construction d'un objet littéral.

L'environnement d'exploitation de ce tutoriel : système Windows 7, ECMAScript version 6, ordinateur Dell G3.

En JavaScript, trois points (...) sont en réalité appelés l'opérateur d'expansion, qui est un nouvel ajout dans ES6. Il peut développer des expressions de tableau ou des chaînes au niveau de la syntaxe lors des appels de fonction/de la construction de tableaux. expression d'objet de manière clé-valeur lors de la construction d'un objet littéral

Les littéraux font généralement référence à [1,2,3] ou {name:'chuichui'}, une méthode de construction simple, multicouche Vous ne pouvez rien faire à propos des tableaux et objets imbriqués

Pour parler franchement, cela signifie enlever vos vêtements, qu'il s'agisse d'accolades ([]) ou d'accolades ({}), peu importe, Enlevez-les tous !

// 数组
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}

C'est pour quoi ?

Il a un large éventail d'utilisations, nous pouvons le voir partout, voici quelques exemples courants

Utilisez-le pour copier

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

Utilisez-le pour fusionner

//数组的合并
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}

Utilisez-le pour convertir des caractères en tableaux

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

Utilisez il pour passer des paramètres dans les fonctions

Peut être combiné avec des fonctions normales et utilisé de manière flexible

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

Lorsque nous voulons itérer les éléments du tableau en paramètres de fonction, utilisez-le !

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

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

【Apprentissage recommandé : Tutoriel avancé javascript】

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!