Beispiele zum Finden des Durchschnitts in JavaScript

Muhammad Muzammil Hussain 12 Oktober 2023
  1. Durchschnittliche mathematische Formel
  2. Beispiel für eine JavaScript-Durchschnittsmethode in HTML
  3. Alternativer Weg, um die gleichen Ergebnisse zu erzielen
Beispiele zum Finden des Durchschnitts in JavaScript

Es gibt keine eingebaute Methode, um in JavaScript einen Durchschnitt zu erhalten. Wir verwenden normalerweise verschiedene Tricks und Wege, um diese Funktionalität zu erreichen, um den Durchschnitt definierter Werte zu zählen.

In diesem Artikel werden mehrere Beispiele erörtert, um einen Durchschnitt mit JavaScript durch benutzerdefinierte deklarierte Funktionen zu ermitteln.

Durchschnittliche mathematische Formel

Um den JavaScript-Durchschnitt zu verstehen, müssen wir die allgemeine mathematische Formel kennen, um einen Durchschnitt zu finden.

average = (sum of all given values) / number of values

Dies ist die Formel, bei der wir zwei Schritte ausführen müssen, um ein genaues Ergebnis zu erhalten.

  • Berechnen Sie die Summe aller gegebenen Werte
  • Teilen Sie das Ergebnis der berechneten Summe durch die Anzahl der Werte

Beispiel für eine JavaScript-Durchschnittsmethode in HTML

Unten ist der HTML-Quellcode, der eine Schaltfläche Click to get Average zeigt; Wir rufen eine benutzerdefinierte deklarierte Funktion für das Klickereignis dieser Schaltfläche auf. Die Funktion berechnet mithilfe von Schleifenanweisungen einen Durchschnitt der angegebenen Array-Werte und gibt schließlich das Ergebnis zurück.

Wir zeigen das berechnete Ergebnis im JavaScript-Feld alert() an.

<!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>

In dieser HTML-Seitenquelle haben wir eine Schaltfläche mit dem Namen calculateAverage() für das Klickereignis erstellt.

Sie können die Schaltfläche Click to get Average sehen, die die Methode calculateAverage() auslöst. Im Hauptteil dieser Methode haben wir ein Array aus ganzzahligen Werten und anderen nützlichen Variablen initialisiert, um einen Durchschnitt zu berechnen.

Zuerst müssen wir die Summe aller gesuchten Werte berechnen, um einen Durchschnitt zu finden. Wir iterieren die Code-Anweisung, um ein Array zu allen Indizes zu durchlaufen, um diese kleine Aufgabe auszuführen.

Um die Codeanweisungen zu iterieren, implementieren wir normalerweise Schleifen basierend auf Bedingungen. Wir haben hier die while-Schleife verwendet, bis die gegebene Bedingung true ist, was bedeutet, dass der aktuelle Index kleiner als die Länge eines Arrays oder index < length ist.

Wir haben die Summe aller Array-Elemente mit unserer while-Schleifenlogik berechnet und das Ergebnis in der sum-Variablen gespeichert. Wir haben den Variablenwert sum durch die Länge eines Arrays geteilt, um einen Durchschnitt zu berechnen, und dann haben wir das Ergebnis im Feld alert() angezeigt.

Alternativer Weg, um die gleichen Ergebnisse zu erzielen

Wie unten gezeigt, können Sie die gleiche Funktionalität erhalten, indem Sie N Werte als Parameter übergeben, um einen Durchschnitt zurückzugeben.

function average(...nums) {
  let average = 0;
  for (const num of nums) {
    average += num / nums.length;
  }
  return average;
}
alert(average(28, 78, 32, 14));

Wir haben einfach die Methode average(...nums) verwendet, um die Anzahl N von Werten zu erhalten. Wir haben hier die Schleifenlogik for verwendet, um einen Durchschnitt zu zählen.

Verwandter Artikel - JavaScript Math