ECMAScript5 definiert 5 iterative Methoden für Arrays. Jede Methode empfängt zwei Parameter: die Funktion, die auf jedem Element ausgeführt wird, und das Zielfernrohrobjekt (optional), das die Funktion ausführt (d. H. Der Wert, der dies beeinflusst). Die in diese Methoden übergebenen Funktionen empfangen drei Parameter: den Wert des Array -Elements, die Position des Elements im Array und das Array -Objekt selbst. Abhängig von der Verwendungsmethode kann der Rückgabewert nach der Ausführung dieser Funktion den Rückgabewert der Methode beeinflussen oder nicht. Diese 5 iterativen Methoden sind:
Alle fünf iterativen Methoden akzeptieren zwei Parameter: die Funktion, die auf jedem Element ausgeführt wird, und den Umfang der Funktionsfunktion (optional)
Jede (): Führen Sie die angegebene Funktion auf jedem Element im Array aus. Wenn die Funktion für jedes Element true zurückgibt, gibt sie True zurück.
filter (): führt die angegebene Funktion auf jedem Element im Array aus. Rückgabe einer Reihe von Elementen, die True zurückgeben.
foreach (): führt die angegebene Funktion für jedes Element im Array aus. Die Funktion gibt keinen Wert zurück.
MAP (): Führen Sie die angegebene Funktion auf jedem Element im Array aus. Gibt die Funktion zurück, die aus dem Ergebnis jedes Funktionsaufrufs besteht.
Einige (): Führen Sie die angegebene Funktion auf jedem Element im Array aus. Wenn die Funktion für beides true
Alle oben genannten Methoden ändern die im Array enthaltenen Werte nicht.
In der obigen Methode sind jede () und einige () sehr ähnlich und beide verwendet, um zu fragen, ob ein Element im Array eine bestimmte Bedingung erfüllt. Für jede Methode jeder () muss die bestandene Funktion für jedes Element true zurückkehren, bevor diese Methode true zurückgibt. Ansonsten kehrt es falsch zurück. Die methodische Methode gibt true zurück, solange die übergebene Funktion einem Element im Array entspricht. Zum Beispiel:
var nums = [1,2,3,4,5,4,3,2,1]; var result = nums.Every (Funktion (Element, Index, Array) {return (item> 2);}) console.info (Ergebnis);Der obige Code druckt Falsch in der Konsole.
var nums = [1,2,3,4,5,4,3,2,1]; var result = nums.some (Funktion (Element, Index, Array) {return (item> 2);}) console.info (Ergebnis);Der obige Code druckt true in der Konsole.
Das Folgende ist ein Beispiel für die Funktion filter (), in der die angegebene Funktion verwendet wird, um festzustellen, ob sich im zurückgegebenen Array ein Element befindet. Um beispielsweise ein Array mit allen Werten von mehr als 2 zurückzugeben, können Sie den folgenden Code verwenden:
var nums = [1,2,3,4,5,4,3,2,1]; var result = nums.filter (Funktion (Element, Index, Array) {return (item> 2);}) console.info (Ergebnis); // [3,4,5,4,3]Der obige Code gibt ein Array mit 3, 4, 5, 4, 3 zurück, indem Sie die Filter () -Methode aufrufen. Diese Methode ist sehr nützlich, um alle Arrays abzufragen, die bestimmte Kriterien erfüllen.
Die MAP () -Methode gibt auch ein Array zurück, und jedes Element in diesem Array ist das Ergebnis des Ausführens der eingehenden Funktion auf dem entsprechenden Element im ursprünglichen Array. Beispielsweise können Sie jedes Element im Array mit 2 multiplizieren und dann ein Array dieser Produkte zurückgeben:
var nums = [1,2,3,4,5,4,3,2,1]; var result = nums.map (Funktion (Element, Index, Array) {Rückgabeelement * 2;}) console.info (Ergebnis); // [2,4,6,8,10,8,6,4,2]Die MAP () -Methode eignet sich zum Erstellen eines Arrays, das Elemente einzeln in einem anderen Array enthält.
Die letzte ist die foreach () -Methode, die die übergebene Funktion für jeden Element im Array ausführt. Diese Methode hat keinen Rückgabewert und iteriert im Wesentlichen über ein Array mit einer für die Schleife. Siehe das folgende Beispiel:
var nums = [1,2,3,4,5,4,3,2,1]; nums.foreach (Funktion (Element, Index, Array) {// Die erforderliche Operation führen})Diese Array -Methoden in JS können die Verarbeitung von Array -Aufgaben durch unterschiedliche Operationen erheblich erleichtern.
Browser, die diese iterativen Methoden unterstützen, sind: IE9+, Firefox2+, Safari3+, Opera9.5+und Chrome.
VAR -Zahlen = [1, 2, 3, 4, 5, 4, 3, 2, 1]; // jeder () und einige () sind am ähnlichsten // jedes () Element: aktuelles Traversalelement, Index: Aktueller Elementindex, Array: Array -Objekt selbst var jederresult = numbers.Every (Funktion (Element, Index, Array) {Rückgabeelement> 2;}); alert (jederresult); // false // einige () var someresult = numbers.some (Funktion (Element, Index, Array) {return item> 2;}); alert (someresult); // true // filter var filterResult = number.filter (Funktion (Element, Index, Array) {return item> 2;}); alert (filterResult); // [3,4,5,4,3] // map () var mapresult = number.map (Funktion (Element, Index, Array) {return (item * 2);}); Alert (MapResult); // [2,4,6,8,10,8,6,4,2] // fürc ist im Wesentlichen keine Differenz von für Schleifen var foreachResult = numbers.foreach (Funktion (Element, Index, Array) {Alert (Element)});Das obige dreht sich alles um diesen Artikel. Ich hoffe, Ihnen einige Tipps zu geben, um die JavaScript -Iterationsmethode besser zu verstehen.