OFPPT Office de la Formation Professionnelle

et de la Promotion du Travail
ISTA INZEGANE

Année de formation : 2023 /2024

Filière :Dev digital TC Module : Programmer en JS

Formation : Initiale

Programmation fonctionnelle : map, filter, reduce

1. La méthode map :
C’est une fonction que nous pouvons appeler sur un objet du type Array,pour créer un nouveau
tableau en appliquant une transformation sur les element du tableau d’origine.
TabResultat=tabOrigin.map(element=>transformation)

Exemple :

Nous voulons convertir tous les éléments d’un tableau écrit en degrés Fahrenheit vers des degrés
Celsius.

Pour cela, nous allons appliquer la formule 𝐶 = 5 9 (𝐹 − 32) en utilisant map :

Le console :

M.CHAKOUJ
 Remarque : Paramètres de map :
En plus de l’element on peut passer a map l’indice de l’element et le nom du tableau.
array.map((elem, index, array)=> ... )
Exemple 2 :
remplacer les positions impaires du tableau Fahrenheit par des « * ».
Pour cela nous avons besoin de la position de l’élément (index).

M.CHAKOUJ
 2. La méthode filter :
Filter permet de récuperer la liste des élements qui respectent une condition

Exemple : récupérer les nombres pairs du tableau Fahrenheit.

Exemple : récupérer les nombres qui sont dans des cases ayant un indice pair dans le tableau
Fahrenheit.

Exemple :Enchainnement filter,map

Ne garder que les éléments de Fahrenheit supérieurs à 50 puis les convertir en Celsius :

Solution 2 retourner un tableau des tableaux:

M.CHAKOUJ
M.CHAKOUJ
 3. La méthode REDUCE
Reduce permet d’accumuler les elements pour avoir une seule valeur(sommation,produit,….)
Tab.reduce((total,element)=>operationAccumulation,valeur initiale de total)

Exemple classique : faire la somme des éléments de [1,2,3]

M.CHAKOUJ