Que représentent trois points en JavaScript ?

En JavaScript, trois points "..." représentent 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 ; une manière "clé-valeur" lors de la construction d'objets littéraux.

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

Quand on regarde le code js, on voit souvent (...) trois points. A quoi ça sert ?

Maintenant, laissez-moi partager avec vous les choses concernant les trois points

Que signifient-ils ?

Le vrai nom de trois points (...) est 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 grammatical lors des appels de fonction/de la construction de tableaux ; construction Lors de l'utilisation d'un objet littéral, l'expression de l'objet est développée de manière clé-valeur

Les littéraux font généralement référence à [1,2,3] ou {name:'chuichui'}, une méthode de construction simple et un multi- tableau imbriqué de couches. Vous ne pouvez rien faire si vous avez trois points avec l'objet

Pour parler franchement, cela signifie enlever vos vêtements, qu'il s'agisse d'accolades ([]) ou d'accolades ({}), c'est 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-le pour le passage des paramètres de fonction

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!