Array in jQuery durchschleifen

In JavaScript haben wir eine Vielzahl von Möglichkeiten, durch die wir die Iteration eines Arrays oder eines beliebigen anderen Objekts implementieren können. In jQuery haben wir nur eine Möglichkeit, einen Iterator zu initiieren: die Methode $.each().

Dieser kurze Artikel zeigt, wie man ein Array mit der Methode $.each() und der for-Schleife in jQuery durchläuft.

die $.each()-Methode und die for-Schleife in jQuery

Wenn wir zwischen der for-Schleife und der $.each()-Methode unterscheiden, zeigt die for-Schleife deutlicher, wie der Operationsablauf durchgeführt wird. Es macht auch vergleichsweise mehr Codezeilen.

Im Gegensatz dazu wird der gesamte Prozess in der jQuery-Methode abstrahiert. Alles, was es erfordert, ist die Initiierung der Methode durch $.each() und das Hinzufügen einer Treiberfunktion, die den Index und den Wert als Parameter hat.

Im Folgenden sehen wir uns an, wie die Funktion $.each() und die for-Schleife funktionieren. Wir können auch die herkömmliche Methode zum Iterieren eines Arrays anstelle der definierten jQuery-Methode implementieren.

Verwenden Sie die for-Schleife in jQuery

Code-Auszug:

var arr = [7, 4, 2, 4];
var sum = 0;
for (var i = 0; i < arr.length; i++) {
  sum += arr[i];
}
console.log('Using for loop and sum: ' + sum);

Ausgang:

Wie zu sehen ist, wird keine jQuery-Fensterfunktion erwähnt. Wir können also nicht sagen, dass es sich um eine dedizierte jQuery-Methode zum Iterieren von Arrays handelt.

Andererseits ist jQuery eine Bibliothek von JavaScript, also fasst es die Benutzerfreundlichkeit zusammen.

Verwenden Sie die Methode $.each(), um ein Array in jQuery zu iterieren

Wir nehmen ein Array und integrieren in die Methode $.each() eine Funktion mit den Parametern index und value. Wir werden keine Variable setzen, um die Iteration zu präsentieren.

Vielmehr können wir die Werte einfach in einer Codezeile summieren.

Code-Auszug:

var arr = [7, 5, 9, 4];
var sum = 0;
$.each(arr, (index, val) => {
  sum += val;
});
console.log('Using jQuery each and the Sum: ' + sum);

Ausgang: