Ejemplos para encontrar el promedio en JavaScript
- Fórmula matemática promedio
- Ejemplo de método promedio de JavaScript en HTML
- Forma alternativa de obtener los mismos resultados
No hay ningún método incorporado para obtener un promedio en JavaScript. Solemos hacer diferentes trucos y formas de lograr esa funcionalidad para contar el promedio de valores definidos.
Este artículo discutirá múltiples ejemplos para encontrar un promedio usando JavaScript por funciones declaradas personalizadas.
Fórmula matemática promedio
Para comprender el promedio de JavaScript, debemos conocer la fórmula matemática común para encontrar un promedio.
average = (sum of all given values) / number of values
Esta es la fórmula donde necesitamos realizar dos pasos para obtener un resultado preciso.
- calcular la suma de todos los valores dados
- dividir el resultado de la suma calculada con el número de valores
Ejemplo de método promedio de JavaScript en HTML
A continuación se muestra el código fuente HTML que mostrará un botón Click to get Average; llamaremos a una función declarada personalizada en el evento de clic de ese botón. La función calculará un promedio de los valores de matriz dados usando instrucciones de bucle y finalmente devolverá el resultado.
Mostraremos el resultado calculado en el cuadro 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>
En esta fuente de página HTML, hemos creado un botón llamado calculateAverage() en el evento de clic.
Puede ver el botón Click to get Average que activa el método calculateAverage(). En el cuerpo de ese método, hemos inicializado un array de valores enteros y otras variables útiles para calcular un promedio.
Primero, debemos calcular la suma de todos los valores dados que estamos buscando para encontrar un promedio. Iteramos la declaración del código para recorrer un array a todos los índices para realizar esa pequeña tarea.
Para iterar las instrucciones del código, generalmente implementamos bucles basados en condiciones. Hemos utilizado el bucle while aquí hasta que la condición dada sea true, cuyo índice actual es más pequeño que la longitud de un array o índice <longitud.
Hemos calculado la suma de todos los elementos del array utilizando nuestra lógica de bucle while y hemos almacenado el resultado en la variable sum. Dividimos el valor de la variable sum con la longitud de un array para calcular un promedio, y luego mostramos el resultado en el cuadro alert().
Forma alternativa de obtener los mismos resultados
Como se muestra a continuación, puede obtener la misma funcionalidad pasando N números de valores como parámetro para devolver un promedio.
function average(...nums) {
let average = 0;
for (const num of nums) {
average += num / nums.length;
}
return average;
}
alert(average(28, 78, 32, 14));
Acabamos de usar el método average(...nums) para recibir el número N de valores. Hemos usado la lógica de bucle for para contar un promedio aquí.