Heim > Web-Frontend > js-Tutorial > Gemeinsame Nutzung von Methoden für die Implementierung der JavaScript-Array-Iteration

Gemeinsame Nutzung von Methoden für die Implementierung der JavaScript-Array-Iteration

黄舟
Freigeben: 2017-03-23 14:57:59
Original
1338 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die JavaScriptArray-Iterationsmethode vorgestellt, die einen guten Referenzwert hat. Werfen wir einen Blick darauf mit dem Editor unten

In letzter Zeit ist die Datenverarbeitung besonders häufig. Sie müssen häufig durchsucht und konvertiert werden. Ich habe also keine andere Wahl, als es selbst zu tun. Suchen Sie das kleine rote Buch, blättern Sie es heraus und notieren Sie es sich zum späteren Nachschlagen.

Häufig verwendete Iterationsmethoden für Arrays

ECMAScript5 definiert 5 Iterationsmethoden für Arrays. Jede Methode akzeptiert zwei Argumente: eine Funktion fn, die für jedes Element ausgeführt wird, und (optional) ein Bereichsobjekt, für das die Funktion ausgeführt wird – was sich auf den Wert von „this“ auswirkt.

Die an diese Methoden übergebene Funktion (fn) erhält 3 Parameter: Element, Index, Array;

array.forEach(function(item,index,array){
  //do your staff here;
},this)
Nach dem Login kopieren
Je nach Verwendungsmethode gibt die Funktion nach der Ausführung eine Rückkehr zurück Wert, der den Rückgabewert in der Methode beeinflussen kann oder auch nicht.

Eine Übersicht über die Funktionen und Rückgabewerte dieser fünf Iterationsmethoden lautet wie folgt:

ECMAScript5 Array-Element-Iterationsmethode


td>Array: Funktionsausführung zurückgeben. Danach ein neues Array aus neuen neuen Elementen abrufen.Boolescher Wert: Wenn ein Element nach der Ausführung der Funktion „true“ zurückgibt, dann geben Sie „true“ zurück
Methodenname Methodenfunktion Rückgabewert
every() Führen Sie die angegebene Funktion für jedes Element im Array aus Boolescher Wert: Wenn jedes Element „true“ zurückgibt, geben Sie „true“ zurück; td>
filter() Führen Sie die angegebene Funktion für jedes Element im Array aus. Array: Gibt ein neues Array zurück, das aus Elementen besteht, deren Funktion gibt true zurück
forEach() Führen Sie die angegebene Funktion für jedes Element im Array aus null: Kein Rückgabewert
map
方法名 方法作用  返回值
every() 针对数组中每一项元素运行指定函数 Boolean:若每一项都返回true,返回true;
filter() 针对数组中每一项元素运行指定函数, Array:   返回函数运行返回true的元素组成的新数组
forEach() 针对数组中每一项元素运行指定函数 null:  无返回值
map() 针对数组中每一项元素运行指定函数  Array:  返回函数运行后,得到到新新元素组成的新数组
some() 针对数组中每一项元素运行指定函数 Boolean: 若有任意一项执行函数后返回true, 则返回true
()
Führen Sie die angegebene Funktion für jedes Element im Array aus
some() Führen Sie die angegebene Funktion für jedes Element aus im Array

Einfach ausgedrückt:

Die Methode

every() , some() eignet sich für die bedingte Beurteilung von Array-Elementen;

die Methode filter() , map() eignet sich für die bedingte Filterung/Neuverarbeitung von Arrays;

Die forEach()-Methode operiert nicht auf dem Array selbst, sondern wendet sie nur zweimal auf die Array-Elemente an

Das Folgende ist ein Beispiel für die Verwendung jeder Methode:

Nehmen wir zunächst ein Szenario an, in dem Sie die Gehaltsliste des Unternehmens für diesen Monat erhalten. Angenommen, Ihr Gehalt beträgt 9000; ,

Ich möchte wissen, ob Ihr Gehalt das niedrigste ist

b. Ich möchte wissen, ob jemand anderes das gleiche Gehalt wie Sie verdient; Ich möchte wissen, ob alle gleich behandelt werden.

Ich möchte das Gehalt aller in K-Daten umrechnen.

Das obige ist der detaillierte Inhalt vonGemeinsame Nutzung von Methoden für die Implementierung der JavaScript-Array-Iteration. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage