Comment implémenter la sommation de tableau dans ES6

青灯夜游
Libérer: 2023-01-11 17:19:37
original
12736 Les gens l'ont consulté

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

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

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!

Étiquettes associées:
es6
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal