Heim > Web-Frontend > js-Tutorial > Wie finde ich die Summe aller Elemente eines bestimmten Arrays in JavaScript?

Wie finde ich die Summe aller Elemente eines bestimmten Arrays in JavaScript?

WBOY
Freigeben: 2023-08-24 14:25:15
nach vorne
1967 Leute haben es durchsucht

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

Beim Programmieren müssen wir oft die Summe aller Elemente in einem Array ermitteln. haben Es gibt viele Möglichkeiten, dies in JavaScript zu tun. In diesem Tutorial erfahren wir mehr über einige Methode zum Ermitteln der Summe aller Elemente in einem Array.

For-Schleife verwenden

Das Ermitteln der Summe aller Elemente in einem Array ist eine sehr häufige Operation in JavaScript, und die for-Schleife ist die einfachste Methode. Wenn Sie Arrays in JavaScript verwenden, verwenden Sie unbedingt eine for-Schleife, um die Summe aller Elemente im Array zu ermitteln.

In JavaScript ist eine for-Schleife eine Kontrollflussanweisung, die es Ihnen ermöglicht, über eine zu iterieren Gegeben sei ein Array, ein Objekt oder eine Zeichenfolge. Die for-Schleife führt für jedes Element eine Reihe von Anweisungen aus In einem Array, Objekt oder String. In diesem Tutorial besprechen wir die Vorteile der Summierung Verwenden Sie eine for-Schleife, um alle Elemente eines bestimmten Arrays zu zählen.

Einer der Vorteile der Verwendung einer for-Schleife zum Ermitteln der Summe aller Elemente in einem Array ist Sehr einfach zu programmieren. Sie erstellen einfach eine Variable, um die Summe zu speichern und dann zu verwenden Die for-Schleife durchläuft das Array und fügt jedes Element zur Summe hinzu. Das ist sehr prägnant Methode zum Ermitteln der Summe eines Arrays.

Beispiel 1

Unten finden Sie das vollständige Programm zum Summieren aller Elemente in einem Array mithilfe einer for-Schleife -

<!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>
Nach dem Login kopieren

Ausgabe

Der Code gibt die folgende Ausgabe aus.

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

Die Verwendung einer for-Schleife in JavaScript zum Ermitteln der Summe aller Elemente eines bestimmten Arrays hat einige Nachteile. Sie lauten wie folgt:

  • Dies ist ein zeitaufwändiger Prozess: Ermitteln Sie die Summe aller Elemente eines Arrays mithilfe von for Schleifen ist ein zeitaufwändiger Prozess. Dies liegt daran, dass die Schleife iterieren muss Finden Sie die Summe aller Elemente in einem Array.

  • Dies ist ein Prozess, der Speicher verbraucht: Dies liegt daran, dass die Summe aller Elemente ermittelt werden muss Elemente eines Arrays, alle Elemente müssen zuerst im Speicher gespeichert werden Führen Sie dann den Vorgang durch, um ihre Summe zu ermitteln. Dies verbraucht viel Speicher.

  • Dies ist ein prozessorintensiver Prozess: Dies liegt daran, dass die Schleife iterieren muss Finden Sie die Summe aller Elemente eines Arrays.

Verwenden Sie die Methode „reduce()“

Um die Summe aller Elemente eines Arrays zu ermitteln, können Sie die Methode „reduce()“ verwenden. Diese Methode wendet eine Funktion von links nach rechts auf jedes Element im Array an und gibt einen Wert zurück. Die Methode

reduce()

benötigt zwei Parameter: eine Funktion und einen optionalen Anfangswert. Die Funktion wird für jedes Element im Array ausgeführt und der Rückgabewert wird als neuer Wert für das nächste Element im Array verwendet. Der Anfangswert ist optional; wenn er weggelassen wird, wird das erste Element im Array als Anfangswert verwendet. Wenn das Array leer ist oder ein Anfangswert angegeben ist und das Array nur ein Element enthält, Gibt den Anfangswert zurück.

Beispiel 2

Das folgende Beispiel wird mit der Methode Reduce() implementiert -

<!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>
Nach dem Login kopieren

Ausgabe

Der Code gibt die folgende Ausgabe aus.

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

Die Verwendung der Methode „reduce()“ zum Ermitteln der Summe aller Elemente bietet viele Vorteile in einem Array. Erstens ist es einfach und prägnant. Zweitens ist es leicht zu lesen und zu verstehen. dritte, Es ist effizient und schnell. Schließlich kann es zum Summieren jeder Art von Daten verwendet werden, nicht nur Nummer.

Das obige ist der detaillierte Inhalt vonWie finde ich die Summe aller Elemente eines bestimmten Arrays in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:tutorialspoint.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage