JQuery-Summenfunktion

王林
Freigeben: 2023-05-28 15:12:08
Original
1047 Leute haben es durchsucht

Zuallererst ist jQuery eine in JavaScript geschriebene Bibliothek. Sie enthält viele praktische und schnelle Toolfunktionen, die Frontend-Entwicklern die Implementierung von Seiteninteraktionen und dynamischen Effekten erleichtern. Dazu gehören Funktionen, die die Summationsfunktion implementieren.

In der jQuery-Bibliothek gibt es viele Funktionen, die die Summierungsfunktion implementieren. Sie können die entsprechende Funktion zum Aufrufen entsprechend Ihren eigenen Geschäftsanforderungen auswählen. Im Folgenden sind einige häufig verwendete jQuery-Summenfunktionen aufgeführt.

  1. jede Funktionssummierung

jede Funktion ist eine häufig verwendete iterative Funktion in jQuery, die ein Array oder Objekt durchlaufen und jedes Element bearbeiten kann. Jedes Element im Array kann addiert werden, um die Summe aller Elemente zu erhalten, indem für jedes Element eine Rückruffunktion ausgeführt wird.

Beispielcode:

var sum = 0;

$.each([2,4,6,8], function(index, value){

sum += value; 
Nach dem Login kopieren

});

console.log(sum); //20

  1. Map-Funktionssummierung

Die Map-Funktion ist eine weitere häufig verwendete iterative Funktion in jQuery. Sie ähnelt der Each-Funktion, gibt jedoch ein neues Array zurück. Wir können die Map-Funktion verwenden, um jedes Element im ursprünglichen Array hinzuzufügen und ein neues Array zurückzugeben, um den Summationseffekt zu erzielen.

Beispielcode:

var arr = [2, 4, 6, 8];

var sum = $.map(arr, function(num) {

return num;
Nach dem Login kopieren

}).reduce(function(total, num) {

return total + num;
Nach dem Login kopieren
Nach dem Login kopieren

});

console.log(sum); //20

  1. reduce function sum

reduce function ist eine Methode in der JavaScript-Standardbibliothek und wird auch in jQuery implementiert. Diese Methode durchläuft jedes Element des Arrays, akkumuliert es zu einem Wert und ermittelt schließlich die Summe dieser Daten.

Beispielcode:

var arr = [2, 4, 6, 8];

var sum = $.reduce(arr, function(total, num) {

return total + num;
Nach dem Login kopieren
Nach dem Login kopieren

}, 0);

console. log(sum); //20

  1. getArraySum-Funktion summation

Wenn wir die Funktion nicht in der jQuery-Bibliothek verwenden möchten, können wir auch selbst eine Summationsfunktion schreiben. Unten finden Sie eine benutzerdefinierte Funktion namens getArraySum, die die Elemente in einem Array mit Zahlen hinzufügt und die Summe zurückgibt.

Beispielcode:

function getArraySum(array){

var sum = 0;

for(var i=0; i<array.length; i++){

    sum += parseInt(array[i]);

}

return sum;
Nach dem Login kopieren

}

var arr = [2, 4, 6, 8];

var sum = getArraySum(arr);

console.log(sum) ; //20

Egal welche Methode verwendet wird, die jQuery-Summenfunktion kann unsere Entwicklungsarbeit einfacher und effizienter machen. Es ist zu beachten, dass Sie bei der Verwendung dieser Funktionen auf die Art der Elemente im Array und den Wertebereich achten müssen, um Probleme durch nicht numerische Typen oder Zahlen außerhalb des Bereichs zu vermeiden.

Das obige ist der detaillierte Inhalt vonJQuery-Summenfunktion. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!