Tableaux - Parcours

JavaScript permet de parcourir les données contenues dans un tableau, afin de, par la suite, pouvoir effectuer différentes opérations avec ces données.

La fonction forEach()

Pour parcourir un tableau, la fonction forEach() peut-être utilisée. forEach() appelle une fonction dite de “rappel” - communément appelée fonction callback - sur chaque élément contenu dans le tableau.

Exemple :

const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(maFonction);

function maFonction(value, index, array) {
    txt += value + "<br>";
}

Dans cet exemple, la fonction callback maFonction est passée en paramètre de la fonction forEach(). maFonction est appelée pour chaque valeur du tableau.

La fonction map()

Cette fonction crée un nouveau tableau en utilisant une fonction sur chaque élément du tableau. Cependant, map() n’exécute pas la fonction pour les éléments du tableau sans valeur. De plus, map() ne change pas le tableau original.

Exemple :

const numbers1 = [45, 4, 9, 16, 25];
const numbers2 = numbers1.map(myFunction);

function myFunction(value, index, array) {
    return value * 2;
}

Ici, un deuxième tableau est créé. Ce tableau est initialisé avec un appel à la fonction map() sur le premier tableau : numbers1.map().

Ensuite, le nom de la fonction de rappel est passé en paramètre de map(), afin que cette fonction de rappel soit parcourue pour chaque valeur du tableau.

Enfin, la fonction de rappel myFunction est créée. Son but est de multiplier chaque valeur du tableau par deux puis de retourner le résultat.

La fonction filter()