Maison  >  Article  >  interface Web  >  Comment implémenter la sommation de tableau dans ES6

Comment implémenter la sommation de tableau dans ES6

青灯夜游
青灯夜游original
2022-04-19 15:48:1012670parcourir

Méthode ES6 pour implémenter la sommation de tableau : 1. Utilisez la méthode réduire(), syntaxe "arr.reduce(function(p,c){sum=p+c;});" 2. Utilisez la méthode forEach() , Syntaxe "arr.forEach(function(v){sum+=v})".

Comment implémenter la sommation de tableau dans ES6

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

Dans es6, vous pouvez utiliser les nouvelles méthodes de parcours de tableau réduire() et forEach() pour effectuer la sommation de tableau. Apprenons-en plus ci-dessous.

Méthode 1 : utilisez la méthode réduire()

reduce peut parcourir le tableau, effectuer des calculs sur les deux éléments avant et après le tableau, puis renvoyer sa valeur et continuer le calcul sans modifier le tableau d'origine, en renvoyant le résultat final du calcul Si aucune valeur initiale n'est donnée, le parcours commence à partir du deuxième élément du tableau. La méthode

reduce() reçoit une fonction comme accumulateur, et chaque valeur du tableau (de gauche à droite) commence à être réduite et finalement calculée en une valeur.

Exemple : utilisez la méthode réduire() pour effectuer la somme du tableau

var arr = [11, 12, 13], sum = 0;
arr.reduce(function(pre,curr) {
sum=pre+curr;
return sum;
});
console.log(sum);

Comment implémenter la sommation de tableau dans ES6

Méthode 2 : utilisez la méthode forEach()

La méthode forEach() est utilisée pour appeler chaque élément du tableau et transmettre le élément à la fonction de rappel.

Dans la fonction de rappel, vous pouvez effectuer une opération de sommation pour additionner tous les éléments du tableau transmis.

Exemple : Accumuler et additionner les valeurs d'un tableau

var arr = [1, 2, 3], sum = 0;
arr.forEach(function(value) {
sum += value;
});
console.log(sum);

Comment implémenter la sommation de tableau dans ES6

[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