Maison >interface Web >Questions et réponses frontales >Quelle est l'utilité de trois points dans es6

Quelle est l'utilité de trois points dans es6

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBoriginal
2022-03-31 11:18:293513parcourir

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".

Quelle est l'utilité de trois points dans es6

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 :

Quelle est lutilité de trois points dans es6

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 :

Quelle est lutilité de trois points dans es6

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn