Durchsuchen eines Arrays mit jQuery.each()

Die folgenden Beispiele zeigen, wie Sie die Elemente eines JavaScript-Arrays mit der for-Schleife und der jQuery.each().

JavaScript for loop

Die for-Schleife ist leicht zu verstehen und hängt von jQuery ab, da sie in JavaScript geschrieben ist.

var array = [ 'un',  'zwei', 'drei', 'vier', 'fünf' ]; 
var i;
for (i = 0; i < array.length; ++i) {
 // etwas mit 'array[i]'
 
}

Zweite Syntax:

for (var x in array) {
 // etwas mit 'array[x]'
 
}

< h2>Die Funktion jQuery.each()jQuery.each() ist eine iterative Funktion, mit der Objekte und Arrays durchlaufen werden können, die von einem numerischen Index von 0 bis Größe-1 iteriert werden. Die anderen Objekte werden durch ihre Eigenschaften iteriert.

jQuery.each(array, function(index, value) {
 // etwas mit 'value' (oder 'this' was 'value' ist )
 alert(index+": "+ value); 
}); 

Dies erzeugt die folgende Meldung:

0: one
1: two
2: three
3: four
4: five

Wenn ein Objekttyp an die Funktion übergeben wird, Die Rückgabe ist jedes Mal die Schlüssel-Wert-Kombination:

var obj = {
 "1": "one",
 "2": "two"
}; 
$.each( obj, function( key, value ) {
 alert( key + ": " + value ); 
}); 

Vorteil: Die Funktion jquery.each() kann eine Deklaration einer Funktion enthalten und erhöht die Position automatisch in der Variablen "index". Der Wert wird in der Variablen "item" gespeichert, auf die direkt zugegriffen werden kann.
Nachteil: Wenn Sie das Schlüsselwort  this innerhalb des Codes müssen Sie es mit einer Variablen verknüpfen, damit Sie es ohne die Funktion verwenden können, da dies innerhalb der Funktion etwas anderes bedeutet.

Sie können das Beenden der $.each()-Schleife in einer bestimmten Iteration erzwingen, indem Sie die Rückgabe der Funktion wieder auf false setzen. Die Rückgabe von true entspricht der kontinuierlichen Anweisung in einer for-Schleife, sie geht zur nächsten Iteration über.

jQuery.each( array, function( i, val ) {
 alert( i+": " + val ); 
 
 // Stoppt nach Anzeige von "three"
 return ( val !== "three" ); 
}); 

Run in der Konsole zeigt Folgendes an:

0: one
1: two
2: three

Resources:
JavaScript For Loop
jQuery API-Dokumentation:   jQuery.each()
Wie durchlaufe ich das Array in jQuery?