Quelle est la différence entre le filtre et la carte dans Es6

La différence entre filter et map dans es6 : le nouveau tableau renvoyé par la méthode map est un mappage du tableau d'origine. Le nouveau tableau a la même longueur que le tableau d'origine mais des valeurs différentes tandis que le nouveau tableau est renvoyé par le filtre. La méthode est filtrée par le tableau d'origine et le nouveau tableau est identique au tableau d'origine. La longueur du tableau d'origine est différente, mais la valeur reste inchangée.

L'environnement d'exploitation de ce tutoriel : système Windows 10, ECMAScript version 6.0, ordinateur Dell G3.

Quelle est la différence entre le filtre et la carte dans es6 ?

les paramètres de la carte et du filtre sont exactement les mêmes

array.filter(function(currentValue,index,arr), thisValue)

• currentValue : élément du tableau

• index : index

• arr : tableau d'origine ;

• thisValue : Utilisé comme rappel d'exécution, passé à la fonction, utilisé comme valeur de "this"

Différentes utilisations :

1. Le nouveau tableau renvoyé par la méthode map est un mappage du tableau d'origine. . Qu'est-ce que la cartographie ? Il a la même longueur que le tableau d'origine et les valeurs sont traitées en conséquence.

2. La valeur renvoyée par la méthode de filtrage est le nouveau tableau après avoir filtré le tableau d'origine. La longueur est différente du tableau d'origine, mais la valeur reste inchangée.

L'exemple est le suivant :

filter :

Syntaxe :

arr.filter(function(val,index,arr){})

On peut conclure que :

filter supprimera toutes les fausses données, en d'autres termes, filtrer, filtrer les données de sortie qui remplit les conditions.

map:

Syntaxe:

arr.map(function(val,index,arr){})

Utilisez le même code pour implémenter et voir quel est le résultat

Donc, la carte est généralement adaptée aux calculs et peut renvoyer les résultats des calculs.

Mais lorsqu'un jugement conditionnel est rencontré, il ne retournera que s'il est vrai ou faux.

【Recommandations associées :

tutoriel vidéo javascript, front-end web】

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!