Quelle est l'utilité de trois points dans es6

Utilisation : 1. Fusionner des tableaux, la syntaxe est "[...arr1, ...arr2]" ; 2. Copier les objets du tableau, la syntaxe est "name= [...array object]" ; conversion Tableau de caractères, la syntaxe est "[...string object]"; 4. Déstructuration des variables, la syntaxe est "[variable object,...name]=value".

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

À quoi servent trois points dans es6 ?

L'opérateur de propagation (spread) est à trois points (...) C'est un nouvel opérateur dans ES6. Par exemple, il peut convertir un tableau. en virgule Séquences de paramètres séparées, etc. Dans les scénarios d'application, deux types sont généralement utilisés : l'opérateur de répartition d'objets et l'opérateur de tableau.

Les fonctions sont les suivantes :

1. Obtenez la valeur maximale du tableau.

Général : Math.max(1,2,3)

Écriture : Math.max(...[1,2,3]) est équivalent à l'exemple ci-dessus

2. Appelez la méthode

.

function sum(a,b){
  console.log(a+b)//5
}
sum(...[2,3])

Le résultat est :

3. Connectez le tableau

var arr1 = [0, 1, 2]; 
var arr2 = [3, 4, 5];  
arr1.push(...arr2);

Les éléments du tableau résultants sont 0, 1, 2, 3, 4, 5.

4 Connectez le tableau

var arr1 = ['a', 'b']; 
var arr2 = ['c']; 
var arr3 = ['d', 'e'];
[...arr1, ...arr2, ...arr3]

.

Les éléments du tableau connectés sont : a, b, c, d, e

5 Convertissez la chaîne en un véritable tableau

[...'hello']  //

Le résultat est :

6. en un vrai tableau et supprime les doublons

[...new Set([1,2,3,3])] //

new Set renvoie un tableau de classe,...convertit le tableau de classe en un vrai tableau

7 Algorithme étendu

let map = new Map([  
      [1, 'one'],  
       [2, 'two'],  
       [3, 'three'],  
]);  
let arr = [...map.keys()]; // [1, 2, 3]

Lors de l'écriture d'un projet vue, depuis. vous ne savez pas combien de paramètres il y a, vous pouvez Direct params : param.data ou params : {undefined

...param.data}
return axios({
　　method: param.type,
　　url: value.prefix + param.url + value.postfix,
       params: {
　　    ...param.data  // 将数组展开
       }
})

【Recommandations associées : tutoriel vidéo javascript, front-end web】

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!