Detaillierte Interpretation von Iterations- und Zusammenführungsmethoden in Javascript (grafisches Tutorial)

Jetzt werde ich Ihnen eine detaillierte Erklärung der Iterations- und Zusammenführungsmethoden in Javascript geben. Lassen Sie mich es jetzt mit Ihnen teilen und es allen als Referenz geben.

Iterationsmethode

Ich persönlich denke, dass die Iterationsmethode in Javascript in vielen Fällen besonders wichtig ist Es gibt eine iterative Methode, mit der wir arbeiten können:

every() wendet die angegebene Funktion auf jedes Element im Array an. Wenn jedes Element true zurückgibt, dann true

filter() wendet die angegebene Funktion auf jedes Element im Array an, fügt die Elemente, die true zurückgeben, in einem neuen Array zusammen und gibt

forEach() zurück, wendet die angegebene Funktion auf jedes Element im Array an, aber es gibt keinen Rückgabewert

map() wendet die angegebene Funktion auf jedes Element im Array an und gibt das Ergebnis jedes Funktionsaufrufs zurück, um ein neues Array zu bilden

same()-Paare Jedes Element im Array verwendet die angegebene Funktion . Wenn ein Element im Array „true“ zurückgibt, dann gibt es „true“ zurück

Von den fünf oben genannten Methoden akzeptieren sie alle zwei Parameter: Führen Sie die Funktion aus, die benötigt wird. Eine Funktion, die auf jedes Element wirkt Die Funktion benötigt drei Parameter: den Wert des Array-Elements, die Position des Elements im Array und das Array-Objekt selbst. Der angegebene Bereich, ein gegebener Bereich, wirkt sich auf das Objekt this der angegebenen Funktion aus. Zum Beispiel:

var values = [5,6,7,8,9,10,11,12,13];
 
function actionfunc(item, index, array){console.log(this)};
 
values.every(actionfunc,document); //这里会向控制台输出6次document对象

Merge-Methode

Zusätzlich zur iterativen Methode Javascript Es werden auch zwei Zusammenführungsmethoden bereitgestellt. Diese Methoden verwenden wie ihre Namen die angegebene Funktion, um jedes Element im Array zu iterieren und dann einen Gesamtwert zurückzugeben. Die beiden Zusammenführungsmethoden sind:

reduce() wendet die angegebene Funktion auf jedes Element im Array vom ersten bis zum letzten Element im Array an und gibt dann die Summe der Ergebnisse der Ausführung der angegebenen Funktion zurück über alle Elemente im Array.

reduceRight() wendet die angegebene Funktion in umgekehrter Reihenfolge vom letzten Element im Array zum ersten an und gibt die Summe der Ergebnisse der Ausführung der angegebenen Funktion auf alle Elemente im Array zurück.

Die beiden oben genannten Methoden akzeptieren zwei Parameter: die Ausführungsfunktion, eine Funktion, die für jedes Element ausgeführt werden muss. Diese Funktion verfügt über vier Parameter: vorheriger Wert, aktueller Wert, Index des Elements und Array des Objekts selbst . Der Basiswert der Zusammenführung. Die Berechnung der Zusammenführung basiert auf diesem Wert. Zum Beispiel:

var values = [5, 6, 7, 8, 9, 10, 11, 12, 13];
 
values.reduce(function(preitem,item,index,array){return preitem+item},2) //返回数值83

Das Obige habe ich für alle zusammengestellt. Ich hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

Detaillierte Erläuterung des Javascript-Prototyp-Prototyps (Grundkurs)

Der zweite Parameter von Javascript ersetzt( ) ist die Verwendung von Parametern in Funktionen (ausführliche Erklärung für alle)

JavaScript-Ausgabeanzeigeinhalt (grundlegendes Tutorial)

Das obige ist der detaillierte Inhalt vonDetaillierte Interpretation von Iterations- und Zusammenführungsmethoden in Javascript (grafisches Tutorial). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!