Comment trouver la somme de tous les éléments d'un tableau donné en JavaScript ?-js tutoriel-php.cn

Comment trouver la somme de tous les éléments d'un tableau donné en JavaScript ?

WBOY

Libérer： 2023-08-24 14:25:15

avant

1969 Les gens l'ont consulté

如何在 JavaScript 中求给定数组所有元素的总和？

En programmation, nous avons souvent besoin de trouver la somme de tous les éléments d'un tableau. avoir Il existe de nombreuses façons de procéder en JavaScript. Dans ce tutoriel, nous découvrirons certains Méthode pour trouver la somme de tous les éléments d’un tableau.

Utiliser la boucle for

Trouver la somme de tous les éléments d'un tableau est une opération très courante en JavaScript, et la boucle for est la méthode la plus simple. Si vous utilisez des tableaux en JavaScript, veillez à utiliser une boucle for pour trouver la somme de tous les éléments du tableau.

En JavaScript, une boucle for est une instruction de flux de contrôle qui vous permet de parcourir un Étant donné un tableau, un objet ou une chaîne. La boucle for exécutera un ensemble d'instructions pour chaque élément Dans un tableau, un objet ou une chaîne. Dans ce tutoriel, nous discuterons des avantages de la sommation Utilisez une boucle for pour compter tous les éléments d'un tableau donné.

L'un des avantages de l'utilisation d'une boucle for pour trouver la somme de tous les éléments d'un tableau est Très facile à coder. Vous créez simplement une variable pour stocker la somme, puis utilisez La boucle for parcourt le tableau, ajoutant chaque élément à la somme. C'est un texte très concis Méthode pour trouver la somme d’un tableau.

Exemple 1

Ci-dessous se trouve le programme complet pour additionner tous les éléments d'un tableau en utilisant la boucle for -

<!doctype html>
<html>
<head>
   <title>Examples</title>
</head>
<body>
   <h2> Finding sum of all elements using <i>for</i> loop: </h2>
   <div id="array"></div>
   <div id="result"></div>
   <script>
      const data = [2,4,6,8];
      let sum = 0;
      const len = data.length
      for (let i = 0; i < len; i++) {
         sum += data[i];
      }
      document.getElementById("array").innerHTML = "Array = [" + data+ "]";
      document.getElementById("result").innerHTML ="Sum of All Elements: " + sum;
   </script>
</body>
</html>

Copier après la connexion

Output

Le code donnera le résultat suivant.

Finding sum of all elements using for loop:
Array = [2,4,6,8]
Sum of All Elements: 20

Copier après la connexion

Il y a certains inconvénients à utiliser une boucle for en JavaScript pour trouver la somme de tous les éléments d'un tableau donné. Ils sont les suivants -

C'est un processus qui prend du temps : trouver la somme de tous les éléments d'un tableau en utilisant pour Le bouclage est un processus qui prend du temps. C'est parce que la boucle doit itérer Trouvez la somme de tous les éléments d'un tableau.
C'est un processus qui consomme de la mémoire : en effet, pour trouver la somme de tous les éléments éléments d'un tableau, tous les éléments doivent d'abord être stockés en mémoire Effectuez ensuite le processus pour trouver leur somme. Cela consomme beaucoup de mémoire.
Il s'agit d'un processus gourmand en ressources processeur : c'est parce que la boucle doit itérer Trouver la somme de tous les éléments d'un tableau.

Utilisez la méthode réduire()

Pour trouver la somme de tous les éléments d'un tableau, vous pouvez utiliser la méthode reduce(). Cette méthode applique une fonction à chaque élément du tableau de gauche à droite et renvoie une valeur. La méthode

reduce() prend deux paramètres : une fonction et une valeur initiale facultative. La fonction est exécutée pour chaque élément du tableau et la valeur de retour est utilisée comme nouvelle valeur pour l'élément suivant du tableau. La valeur initiale est facultative ; si elle est omise, le premier élément du tableau est utilisé comme valeur initiale.

Si le tableau est vide, ou si une valeur initiale est spécifiée et que le tableau ne comporte qu'un seul élément, Renvoie la valeur initiale.

Exemple 2

L'exemple suivant est implémenté à l'aide de la méthode réduire() -

<!doctype html>
<html>
<head>
   <title>Examples</title>
</head>
<body>
   <h2> Finding sum of all elements using <i>reduce()</i> method: </h2>
   <div id="array"></div>
   <div id="result"></div>
<script>
   var arr = [2, 4, 6, 8];
   var sum = arr.reduce(function(a,b){
      return a+b;
   }, 0);
   document.getElementById("array").innerHTML = "Array: " + arr;
   document.getElementById("result").innerHTML = "Sum of all elements in the array = " + sum;
</script>
</body>
</html>

Copier après la connexion

Output

Le code donnera le résultat suivant.

20Finding sum of all elements using reduce() method:
Array: 2,4,6,8
Sum of all elements in the array = 20

Copier après la connexion

Il y a de nombreux avantages à utiliser la méthode réduire() pour trouver la somme de tous les éléments dans un tableau. Premièrement, c’est simple et concis. Deuxièmement, il est facile à lire et à comprendre. troisième, C'est efficace et rapide. Enfin, il peut être utilisé pour additionner tout type de données, pas seulement nombre.

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!