JavaScript : la structure for ... in

La structure FOR ... IN est très utile pour parcourir un tableau de valeurs mais aussi une collection d'objets.

Parcourir un tableau de valeurs

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

Le script

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 collection d'objets

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

Le script

Commentaire

L'objet natif de JavaScript document.images référence toutes les images de la page.
On aurait pu écrire : var taille = document.querySelectorAll('img').length

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

Tests

Testez cette page

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

Parcourir une collection - autre exemple

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

Le script

Tests

Essayez ce script

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