Maison > interface Web > js tutoriel > le corps du texte

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

DDD
Libérer: 2024-10-25 07:35:02
original
733 Les gens l'ont consulté

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>
Copier après la connexion

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>
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!