JQuery-Summenfunktion

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; 

});

console.log(sum); //20

2. 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;

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

return total + num;

});

console.log(sum); //20

3. 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;

}, 0);

console. log(sum); //20

4. 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;

}

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!