Maison >interface Web >js tutoriel >Syntaxe de propagation et paramètre de repos : quelle est la différence ?

Syntaxe de propagation et paramètre de repos : quelle est la différence ?

DDD
DDDoriginal
2024-10-25 07:35:02826parcourir

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

Spread Syntax vs Rest Parameter : Comprendre la différence

Dans ES2015, deux nouvelles fonctionnalités, la syntaxe de propagation et les paramètres de repos, offrent des moyens puissants de manipuler des tableaux et des objets. Bien que les deux puissent sembler similaires, ils servent des objectifs distincts et chacun a sa propre fonctionnalité unique.

Syntaxe de propagation

Syntaxe de propagation (représentée par trois points "..." ) vous permet de répartir ou d'étendre un itérable (tel qu'un tableau ou un objet) en éléments individuels au sein d'un autre itérable. Cette fonctionnalité vous permet de fusionner ou de combiner facilement plusieurs tableaux ou objets en un nouveau.

Par exemple, considérons le code suivant :

<code class="js">var abc = ['a', 'b', 'c'];
var def = ['d', 'e', 'f'];
var alpha = [ ...abc, ...def ];
console.log(alpha); // alpha == ['a', 'b', 'c', 'd', 'e', 'f'];</code>

Dans cet extrait, le... La syntaxe de propagation abc et ...def développe les tableaux abc et def en éléments individuels, créant ainsi un nouveau tableau alpha contenant tous les éléments des deux tableaux.

Paramètre de repos

D'autre part, un paramètre rest (noté par trois points "...", précédés d'un identifiant) collecte tous les arguments restants passés à une fonction dans un seul tableau. Le paramètre rest doit être le dernier paramètre de la liste des paramètres de la fonction.

Un exemple de paramètre rest en action est le suivant :

<code class="js">function sumAll(...numbers) {
  let total = 0;
  for (let num of numbers) {
    total += num;
  }
  return total;
}

let result = sumAll(1, 2, 3, 4, 5);
console.log(result); // result == 15</code>

Dans ce code, les ...nombres Le paramètre rest collecte les arguments restants transmis à la fonction sumAll (dans ce cas, 1, 2, 3, 4 et 5) et crée un tableau de nombres unique.

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