Aller au contenu

1NSI : Javascript - boucle for⚓︎

Syntaxe générale⚓︎

for (let i=0; i<5; i++) {
  console.log(i);
}

affiche dans la console javascript (outils webs) :

0
1
2
3
4

Remarques:

  • Il FAUT OBLIGATOIREMENT déclarer la variable i avec let
  • on part de i=0
  • et tant que i<5, on continue les itérations
  • i++ incrémente de 1: cette syntaxe javascript (comme en C++), est équivalente à i = i+1

Méthode 1 for : Parcours de Noeuds, avec indices⚓︎

See the Pen querySelectorAll paragraphs by rod2ik (@rod2ik) on CodePen.

Cette syntaxe for en javascript :

  • récupère tous les paragraphes, et les stocke dans la variable javascript pTous
  • Le type de données de pTous est une NodeList (ce n'est pas ce qui est important),
  • pTous[i] est le i-ème élément de la NodeList pTous : En particulier, cela veut dire que les éléments d'une NodeList (mais aussi ceux d'un HTMLCollection) sont accessibles donc itérables via un indice i (ça c'est plus important)
  • ce noeud est stylisable en CSS, depuis Javascript avec la propriété style

Méthode 2 for : Parcours de Noeuds, sans indices, noeud par noeud⚓︎

See the Pen for methode 2 by rod2ik (@rod2ik) on CodePen.

Cette syntaxe for en javascript :

  • récupère tous les paragraphes, et les stocke dans la variable javascript pTous
  • Le type de données de pTous est une NodeList (ce n'est pas ce qui est important),
  • On peut itérer sur chaque paragraphe p de la NodeList pTous avec le mot-clé of : En particulier, cela veut dire que les noeuds/éléments d'une NodeList (mais aussi ceux d'un HTMLCollection) sont itérables avec for .. of .. (ça c'est plus important)
  • ce noeud est stylisable en CSS, depuis Javascript avec la propriété style