La structure for in

Cette structure est très utile pour parcourir un tableau mais aussi une collection.

Parcourir un tableau

Exemple: il faut parcourir un tableau d'entiers et lister uniquement ceux qui sont divisibles par 3.

Le script

var nombres = [3,5,6,9,15,17] ; var taille = nombres.length; document.write("nombre d'entiers du tableau : " + taille + "<br>"); for (var i in nombres) { if(nombres[i]%3 != 0) continue; document.write(nombres[i] + " est divisible par 3 ! <br>"); }

Commentaire

Un nombre est divisible par 3 si le reste de la division entière par 3 donne zéro.
Donc si ce n'est pas le cas il faut passer à l'itération suivante (instruction : continue).

Tests

Essayez ce script

4 nombres sont affichés sur 6 !

Parcourir une objet

Exemple : obtenir des infos sur les images d'une page

Le script

var taille =document.images.length; document.write("<b>nombre d'images de la page: " + taille + "<br></b>"); for (var i in document.images) { var source = document.images[i].getAttribute("src"); var legende = document.images[i].getAttribute("alt"); document.write("Source et texte alternatif de chaque image : " + source +" "+ legende + "<br>"); }

Commentaire

L'objet natif de JavaScript document.images référence toutes les images de la page.

Dans le code HTML chaque image à deux attributs : src, alt

Tests

Testez cette page

4 lignes sont affichés avec indication du chemin relatif et légende de chaque image.

Parcourir un objet - autre exemple

Nous voulons connaitre toutes les propriétés de l'objet natif navigator.

Le script

for (var propriete in navigator) { document.write(propriete + ":" + navigator[propriete] + "<br>"); }

Tests

Essayez ce script

La liste est impressionnante ! Dans la liste des sous-objets de navigator : geolocation, plugings, etc.
Retour menu