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
aveclet
- on part de
i=0
- et tant que
i<5
, on continue les itérations i++
incrémente de1
: 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 lei
-ème élément de la NodeListpTous
: 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 indicei
(ç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 NodeListpTous
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 avecfor .. of ..
(ça c'est plus important) - ce noeud est stylisable en CSS, depuis Javascript avec la propriété
style