1.  Boucle for

1.1  Syntaxe

for ( let i =0 ; i < 30 ; i++ ) {

};

for ( <initialisation> ; <test> ; <mise a jour> ) {

};

1.2  initialisation

let variable = valeur ;

1.3  test

variable > reference

variable < reference

variable >= reference

variable <= reference

variable == reference

variable != reference

1.4  mise à jour

Incrémenter

variable ++

variable = variable + incrementation

Décrémenter

variable --

variable = variable - decrementation

1.5  Exemples

Avec et sans boucle for

// EXECUTER UNE FOIS AU DEMARRAGE :
function setup() { // DEBUT DE LA FONCTION setup()
        createCanvas(512, 512);

        background(0);

        stroke(255);

        // SANS BOUCLE :
        let x = 0;
        line(x,0,x,height);

        x = x + 10;
        line(x,0,x,height);

        x = x + 10;
        line(x,0,x,height);

        x = x + 10;
        line(x,0,x,height);

        x = x + 10;
        line(x,0,x,height);

        // AVEC UNE BOUCLE :
        for ( let x = 0 ; x < width ; x = x + 10 ) {
                line(x,0,x,height);
        }

} // FIN DE LA FONCTION setup()

Boucle for

Boucle for qui décrémente

Boucle for qui décrémente selon une multiplication

2.  Boucles for imbriquées

2.1  Syntaxe avec un nombre de colonnes et rangées

let colonnes = 10;
let rangees = 10;

for ( let c = 0 ; c < colonnes  ; c = c+1 ) {
        for ( let r = 0 ; r < rangees ; r = r+1 ) {

        };
};

2.2  Syntaxe avec x et y

let xInterval = 40;
let yInterval = 40;

for ( let x = 0 ; x < width; x = x + xInterval ) {
        for ( let y = 0 ; y < height; y = y + yInterval ) {

        };
};

2.3  Exemples

Deux boucles for non imbriquées :

Les même deux boucles for imbriquées :

Les même résultat avec des colonnes et rangées :