Exemples pour trouver la moyenne en JavaScript
- Formule mathématique moyenne
- Exemple de méthode moyenne JavaScript en HTML
- Autre moyen d’obtenir les mêmes résultats
Il n’y a pas de méthode intégrée pour obtenir une moyenne en JavaScript. Nous faisons généralement différentes astuces et façons d’atteindre cette fonctionnalité pour compter la moyenne des valeurs définies.
Cet article discutera de plusieurs exemples pour trouver une moyenne en utilisant JavaScript par des fonctions déclarées personnalisées.
Formule mathématique moyenne
Pour comprendre la moyenne JavaScript, nous devons connaître la formule mathématique courante pour trouver une moyenne.
average = (sum of all given values) / number of values
C’est la formule où nous devons effectuer deux étapes pour obtenir un résultat précis.
- calculer la somme de toutes les valeurs données
- diviser le résultat de la somme calculée par le nombre de valeurs
Exemple de méthode moyenne JavaScript en HTML
Ci-dessous se trouve le code source HTML qui affichera un bouton Click to get Average ; nous appellerons une fonction déclarée personnalisée sur l’événement click de ce bouton. La fonction calcule une moyenne de valeurs de tableau données à l’aide d’instructions de boucle et renvoie finalement le résultat.
Nous afficherons le résultat calculé dans la case alert() de JavaScript.
<!DOCTYPE html>
<html>
<head>
<title>
HTML | JavaScript Average method example
</title>
<script type="text/javascript">
</script>
</head>
<body>
<h2>Hi Users Check Average of values (28, 78, 32, 14).</h2>
<button onclick="calculateAverage()">Click to get Average</button>
<script>
function calculateAverage() {
// you can change the values of array
let array = [28, 78, 32, 14]
let i = 0
let sum = 0
let len = array.length;
let result = 0
// loop for calculate sum of array values
while (i < len) {
sum = sum + array[i++];
}
result = sum / len
// simply shows the result in alert box
alert("Average of ("+array+") is : "+result);
}
</script>
</body>
<html>
Dans cette source de page HTML, nous avons créé un bouton appelé calculateAverage() sur l’événement de clic.
Vous pouvez voir le bouton Click to get Average qui déclenche la méthode calculateAverage(). Dans le corps de cette méthode, nous avons initialisé un tableau de valeurs entières et d’autres variables utiles pour calculer une moyenne.
Tout d’abord, nous devons calculer la somme de toutes les valeurs données que nous recherchons pour trouver une moyenne. Nous itérons l’instruction de code pour traverser un tableau vers tous les index pour effectuer cette petite tâche.
Pour itérer les instructions de code, nous implémentons généralement des boucles basées sur des conditions. Nous avons utilisé ici la boucle while jusqu’à ce que la condition donnée soit true, c’est-à-dire que l’index courant est inférieur à la longueur d’un tableau ou index < length.
Nous avons calculé la somme de tous les éléments du tableau en utilisant notre logique de boucle while et stocké le résultat dans la variable sum. Nous avons divisé la valeur de la variable sum par la longueur d’un tableau pour calculer une moyenne, puis nous avons affiché le résultat dans la case alert().
Autre moyen d’obtenir les mêmes résultats
Comme indiqué ci-dessous, vous pouvez obtenir la même fonctionnalité en passant N nombres de valeurs en tant que paramètre pour renvoyer une moyenne.
function average(...nums) {
let average = 0;
for (const num of nums) {
average += num / nums.length;
}
return average;
}
alert(average(28, 78, 32, 14));
Nous avons juste utilisé la méthode average(...nums) pour recevoir le nombre N de valeurs. Nous avons utilisé la logique de la boucle for pour compter une moyenne ici.