Cédric Spalvieri

Cédric Spalvieri

Consultant @ Capgemini
-

Lyon

,

France

blog.spalistik.com
“Consultant/Developpeur Web et futur entreprenaute”

L’équivalent de foreach en Javascript

post thumbnail

loopUne fois n’est pas coutume, vous aurez aujourd’hui droit à une petite astuce de barbu sur Spalistik. Cette astuce est peut être une évidence pour certains, mais ayant dans le passé été bloqué par l’absence de foreach en Javascript, je préfère l’expliquer à ceux qui ne la connaissent pas.

Pour rappel, avec la programmation orientée objet est apparue  la commande foreach, permettant de parcourir facilement tous les objets d’un liste.

Cette commande n’existe malheureusement pas en tant que tel dans le langage Javascript. Toutefois, il est possible d’en avoir l’équivalent avec un aspect de la commande for pas toujours beaucoup documenté.

Code block    
var mesNeveux= ["Riri","Fifi","Loulou"];
 
for (var i in mesNeveux)
{
    alert( mesNeveux[i] );
}

Dans le code ci-dessus, la variable i est un itérateur géré automatiquement avec le nombre d’élément dans la liste, il évite de passer par des count et autres length.

A noter aussi que le moteur de rendu Gecko (utilisé par Firefox) introduit une méthode de type maListe.forEach(monAction). Sont utilisation n’est pas forcément recommandée du fait de son incompatibilité avec l’ensemble des navigateurs, mais elle peut être utile lors du développement d’extension pour Firefox par exemple.