Retourner ' la page d'accueil de TJSRetourner ' la page d'accueil de TJS

Méthode : Array.forEach()

Parcourt un à un les éléments du tableau pour y exécuter une fonction

Syntaxe
tableau.forEach(Function ToDo)

Compatible tous navigateurs

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 1 : 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());
});

console.log("Le tableau months après l'appel forEach() n'est pas modifié");
console.log(months);

</script>

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

Dans l'exemple suivant, on utilisera un pointeur vers la fonction.

Exemple 2 : 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
QUERY 10
SELECT *, DATE_FORMAT(dt_insert, '%d/%m/%Y %H:%i' ) AS jour_insert, DATE_FORMAT(dt_maj, '%d/%m/%Y %H:%i' ) AS jour_maj FROM js_reference ORDER BY IDfather, name
SELECT * FROM js_navigateur ORDER BY ordre
SELECT * FROM js_version ORDER BY ID
SELECT * FROM js_reference WHERE phpfile="array.foreach"
UPDATE js_reference SET nb_visi=nb_visi+1, nb_visi_delai=nb_visi_delai+1 WHERE ID='295'
SELECT * FROM js_navigateur ORDER BY ordre
SELECT js_equivalent_ressource.*, js_equivalent_language.language, js_equivalent_language.favico FROM js_equivalent_ressource, js_equivalent_language WHERE js_equivalent_ressource.idLanguage = js_equivalent_language.id AND js_equivalent_ressource.etat=1 AND js_equivalent_language.etat=1 AND js_equivalent_ressource.typeof='REF' AND js_equivalent_ressource.idRessource="295"
SELECT * FROM js_exemple WHERE ID='295' ORDER BY ordre
SELECT * FROM js_url WHERE ID='295' ORDER BY ordre
SELECT * FROM js_url WHERE ID='92' ORDER BY ordre

Troisième édition Tout JavaScript chez Dunod

Tout JavaScript le livre chez DunodEn savoir plus
Sortie le 4 janvier 2023

Version papier 29€90
Format électronique 22€99.

Commandez en ligne

Chercher une fonction, un objet, ...

Le graph des objets Javascript



Chargement
en cours...
Le 22/06/2025 15:14:42 sur php 7 en 56.02 ms