Heim > Artikel > Web-Frontend > JS-Array-Lernen gibt alle Elemente zurück, die die angegebenen Bedingungen erfüllen
Im vorherigen Artikel „JS-Array-Lernen: Bestimmen, ob alle Array-Elemente die angegebenen Bedingungen erfüllen“ haben wir mehrere Methoden vorgestellt, um zu erkennen, ob alle Array-Elemente die angegebenen Bedingungen erfüllen. Dieses Mal sprechen wir weiter über das Durchlaufen von Arrays und stellen die Methode vor, mit der JavaScript Elemente in einem Array zurückgibt, die bestimmte Bedingungen erfüllen. Freunde in Not können mehr darüber erfahren ~
Der Hauptinhalt des heutigen Artikels ist: Durchlaufen Sie das Array und erkennen Sie, ob das Elemente im Array erfüllen eine Bedingung und geben Array-Elemente zurück, die die Bedingung erfüllen. Einfach ausgedrückt: Es geht darum, Array-Elemente basierend auf bestimmten Bedingungen zu filtern.
Lassen Sie uns im Folgenden zwei Methoden vorstellen, beginnend mit der bekannten for-Schleife und dann die Einführung einer integrierten Funktion – sehen Sie, wie diese Funktion Array-Elemente filtern kann.
Methode 1: For-Schleife verwenden
Implementierungsidee: Verwenden Sie die for-Anweisung, um das Array zu durchlaufen und festzustellen, ob die Array-Elemente die Bedingungen in jeder Schleife erfüllen Wenn Sie die Bedingungen nicht erfüllen, verlassen Sie diese Schleife.
Lassen Sie uns anhand von Beispielen mehr darüber erfahren:
Beispiel 1: Alle geraden Zahlen zurückgeben
var a = [2,3,4,5,6,7,8]; for(var i=0;i<a.length;i++){ if (a[i] % 2 == 0) { console.log(a[i]); }else{ continue; } }
Ausgabeergebnisse:
Beispiel 2: Alle Schaltjahre zurückgeben
var a = [1995,1996,1997,1998,1999,2000,2004,2008,2010,2012,2020]; for(var i=0;i<a.length;i++){ if(a[i]%4==0 && a[i]%100!=0){ console.log(a[i]); } else { continue; } }
Ausgabe Ergebnisse:
Methode 2: Verwenden Sie die filter()-Methode
Die filter()-Methode kann Elemente im Array zurückgeben, die bestimmte Bedingungen erfüllen.
array.filter(function callbackfn(Value,index,array),thisValue)
function callbackfn(Value,index,array)
: eine Rückruffunktion, die nicht weggelassen werden kann und bis zu drei Parameter akzeptieren kann:
Wert: der Wert des aktuellen Array-Elements, der nicht weggelassen werden kann.
index: Der numerische Index des aktuellen Array-Elements.
array: das Array-Objekt, zu dem das aktuelle Element gehört.
Der Rückgabewert ist ein neues Array, das alle Werte enthält, für die die Callback-Funktion true zurückgibt. Wenn die Rückruffunktion für alle Elemente des Arrays „false“ zurückgibt, beträgt die Länge des neuen Arrays 0.
Lassen Sie uns anhand von Beispielen mehr darüber erfahren:
Beispiel 1: Alle geraden Zahlen zurückgeben
var a = [2,3,4,5,6,7,8]; function f (value) { if (value % 2 == 0) { return true; }else{ return false; } } var b = a.filter(f); console.log(b);
Ausgabeergebnisse:
Beispiel 2: Alle Schaltjahre zurückgeben
var a = [1995,1996,1997,1998,1999,2000,2004,2008,2010,2012,2020]; function f (value) { if(value%4==0 && value%100!=0){ return true; } else { return false; } } var b = a.filter(f); console.log(b);
Ausgabeergebnisse:
Okay, das ist alles. Wenn Sie es brauchen, können Sie sich Folgendes ansehen: Javascript-Video-Tutorial
Das obige ist der detaillierte Inhalt vonJS-Array-Lernen gibt alle Elemente zurück, die die angegebenen Bedingungen erfüllen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!