Foreach en Javascript avec jQuery

Foreach est une instruction très pratique qu'on retrouve dans de nombreux langages de programmation comme PHP. Comme son nom l'indique, foreach permet de faire une boucle sur un tableau (array) ou une collection, sans utiliser de boucle for associé à un index i.

Mais en Javascript il n'y a pas de boucle foreach a proprement parler. Poutant il existe plusieurs solutions :

Boucle For key in array

C'est une solution native (qui ne nécessite aucune librairie externe), elle s'utilise comme ceci :

var fruits = {
	fraise: {
		couleur: "rouge",
		plante: "fraisier"
	},
	banane: {
		couleur: "jaune",
		plante:  "bananier"
	},
	noisette: {
		couleur: "brun",
		plante:  "noisetier"
	}
}

for( var fruit in fruits ){
	alert( fruit + " est " + fruits[fruit].couleur + " et pousse sur un " + fruits[fruit].plante );
}

La syntaxe est un peu plus lourde qu'en PHP car on ne récupère pas l'objet courant dans une variable, on récupère seulement la clé (fruit).

La page du jour est trier les données dans excel, bonne lecture.

Foreach en jQuery avec $.each

Le framework jQuery dispose d'une fonction foreach dont l'utilisation est plus proche de celle de PHP (bien qu'un peut plus lourde à déclarer) :

jQuery.each(fruits, function(key, val){
	alert( key + " est " + val.couleur + " et pousse sur un " + val.plante );
});

Découvrez ce tutoriel photoshop : oiseaux amoureux à lire tout de suite !