Maison >interface Web >js tutoriel >**Syntaxe Spread et paramètre Rest : quelle est la différence ?**

**Syntaxe Spread et paramètre Rest : quelle est la différence ?**

Linda Hamilton
Linda Hamiltonoriginal
2024-10-24 18:44:02572parcourir

**Spread Syntax vs. Rest Parameter: What's the Difference?**

Syntaxe de propagation et paramètre de repos dans ES2015 / ES6

En JavaScript, la syntaxe de propagation (...) et le paramètre de repos (. ..) ont introduit de nouvelles façons de travailler avec les tableaux et les paramètres de fonction. Ils peuvent sembler similaires, mais comprendre leurs rôles distincts est crucial pour des pratiques de codage efficaces.

Syntaxe Spread : expansion des tableaux

La syntaxe Spread étend un tableau existant en éléments individuels au sein un nouveau tableau. Par exemple, considérons deux tableaux, abc et def :

<code class="js">var abc = ['a', 'b', 'c'];
var def = ['d', 'e', 'f'];</code>

En utilisant la syntaxe spread avec l'opérateur ... sur ces tableaux, nous pouvons créer un nouveau tableau alpha qui inclut des éléments des deux :

<code class="js">var alpha = [ ...abc, ...def ];</code>

Le résultat sera :

<code class="js">alpha == ['a', 'b', 'c', 'd', 'e', 'f'];</code>

Dans cet exemple, la syntaxe de propagation étend les tableaux abc et def en leurs éléments individuels, créant ainsi un tableau plus grand.

Paramètre Rest : Collecte d'arguments

D'autre part, le paramètre rest collecte plusieurs arguments dans un seul tableau. Il est généralement utilisé dans les définitions de fonctions.

<code class="js">function sum(...numbers) {
  // numbers will contain an array of all arguments passed to the function
}</code>

Lors de l'appel de cette fonction, tous les arguments sont capturés sous forme de tableau dans le paramètre number :

<code class="js">sum(1, 2, 3, 4, 5); // numbers == [1, 2, 3, 4, 5]</code>

Le paramètre rest est couramment utilisé pour gérer les arguments de fonction de longueur variable, simplifiant ainsi le traitement de plusieurs valeurs.

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