Retourner à la page d'accueil de TJS

Méthode : Array.forEach()

          

Parcourt un à un les éléments du tableau et exécute une fonction sur chacun des éléments

Syntaxe
tableau.forEach(Function ToDo)

Description
Parcourt un à un les éléments du tableau et exécute la fonction ToDo() sur chaque élément parcouru.

La fonction ToDo() attend 3 paramètres :
element : paramètre obligatoire qui contient l'élément en cours de traitement
index : paramètre facultatif qui contient le nombre d'itération parcourue
array : paramètre facultatif qui remonte le tableau d'origine

Même les éléments supprimés sont parcourus.
Il n'existe pas de moyen d'arrêter le parcours.

La boucle for est une alternative.

La méthode map() lance une fonction sur chaque élément du tableau et retourne un nouveau tableau.


Exemple Parcours d'un tableau
Code source
<script>
var months=new Array("Janvier", "Février", "Mars", "Avril", "Mai", "Juin", "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre");

console.log(months);

months.forEach(function(month, index, array) {
 console.log("Mois à l'indice "+index+"/"+array.length+" : "+month.toUpperCase());
});

</script>

Résultat
Emulation de la console
Explication
Ici la fonction est définie directement dans l'appel à forEach(). Chaque élément est affiché dans la console en majuscule avec son indice.

Dans l'exemple suivant, on utilise un pointer de la fonction.

Exemple Parcours d'un tableau avec une fonction prédéfinie
Code source
<table id="personnel">
<tr><th>Numeros</th><th>Prénoms</th><th>Ages</th></tr>
</table>
<script>
var tableau=[{"prenom":"Jean", "age": 44}, {"prenom":"Pierre", "age":30}, {"prenom":"Paul", "age":22}, {"prenom":"Marie", "age":34}];

function afficheElement(element, index, array) {
 var ligne=document.createElement("tr");
 ligne.innerHTML="<td>"+(index+1)+"/"+array.length+"</td>";
 ligne.innerHTML+="<td>"+element.prenom+"</td>";
 ligne.innerHTML+="<td>"+element.age+"</td>";
 document.querySelector("table#personnel").appendChild(ligne);
}

tableau.forEach(afficheElement);
</script>

Résultat
NumerosPrénomsAges
Emulation de la console
Explication
La fonction afficheElement() est définie avant l'appel à forEach() .

Page en rapport
Le tutorial tableaux javascript
Page mise à jour le

Chercher une fonction, un objet, ...

Le graph des objets Javascript



Chargement
en cours...

Le guide complet du javascript

Le Guide Complet du JavascriptEn savoir plus sur mon livre aux Editions Micro Application
Le 22/11/2017 17:42:23 sur php7 en 22.71 ms