Heim > Web-Frontend > js-Tutorial > So verwenden Sie die FlatMap-Funktion

So verwenden Sie die FlatMap-Funktion

不言
Freigeben: 2019-02-21 13:50:00
Original
5085 Leute haben es durchsucht

array.flatmap() ist eine in Javascript integrierte Funktion, die Eingabe-Array-Elemente in ein neues Array zusammenfasst. Diese Methode ordnet zunächst jedes Element mithilfe einer Zuordnungsfunktion zu und reduziert dann die Elemente des Eingabearrays in ein neues Array. Werfen wir einen Blick auf die spezifische Verwendung von flatMap().

So verwenden Sie die FlatMap-Funktion

Die grundlegende Syntax von flatMap() ist:

var A = array.flatMap(function callback(current_value, index, Array))
{
    //返回的新数组元素
}
Nach dem Login kopieren

callback: Dies ist das neue Array mit Hilfe von drei Parametern Eine Funktion, die Elemente wie folgt generiert:

aktueller_Wert: Dies ist das Eingabearrayelement.

Index: Dies ist optional. Es ist der Index des Eingabeelements.

Array: Dies ist optional. Es wird beim Aufrufen der Array-Zuordnung verwendet.

Sehen wir uns unten zwei spezifische Beispiele an

Beispiel 1:

Der Code lautet wie folgt

<script>  
var A = [ 1, 2, 3, 4, 5 ];  
b = A.map(x => [x * 3]); 
document.write(b);  
c = arr1.flatMap(x => [x * 3]); 
document.write(c);  
d = arr1.flatMap(x => [[ x * 3 ]]); 
document.write(d); 
</script>
Nach dem Login kopieren

Das Ausgabeergebnis ist :

[[3],[6],[9],[12],[15]] 
[3,6,9,12,15] 
[[3],[6],[9],[12],[ 15]
Nach dem Login kopieren

Beispiel 2:

Der Code lautet wie folgt

<script> 
var A = [ 1, 2, 3, 4, 5 ]; 
array.flatMap(x => [x * 3]); 
b = A.reduce((acc, x) => acc.concat([ x * 3 ]), []); 
document.write(b); 
</script>
Nach dem Login kopieren

Das Ausgabeergebnis ist: [3,6,9,12,15 ]

Dieser Artikel ist hier zu Ende. Weitere spannende Inhalte finden Sie in anderen verwandten Kolumnen-Tutorials auf der chinesischen PHP-Website! ! !

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die FlatMap-Funktion. 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