CoursIntermédiaire8 min de lecture

Les conditions - if, else, comparaisons

Faire des choix dans ton code pour que la tortue se comporte différemment selon la situation

§1.Pourquoi des conditions ?

Jusqu'ici, ton code fait toujours la même chose dans le même ordre. C'est linéaire. Mais souvent, tu veux que ta tortue se comporte DIFFÉREMMENT selon les circonstances : si elle dépasse une certaine distance, qu'elle revienne en arrière. Si l'indice est pair, qu'elle dessine en rouge ; sinon en bleu.

C'est le rôle des conditions : un mécanisme pour dire à l'ordinateur « SI cette situation est vraie, fais ÇA, SINON fais autre chose ». C'est la 3e brique fondamentale de la programmation, après les commandes séquentielles et les boucles.

Premier exemple : un trait court ou long ?

javascript

1let taille = 80
2 
3if (taille > 50) {
4  couleur("red")          // gros trait → rouge
5} else {
6  couleur("blue")         // petit trait → bleu
7}
8 
9avancer(taille)

Résultat : Comme taille (80) est plus grand que 50, le trait sera rouge. Si tu changes taille à 30, il sera bleu.

§3.La structure if (...)

if (condition) { ... }: Exécute le bloc { ... } SEULEMENT SI la condition est vraie. Sinon, on passe directement à la suite.
if (...) { ... } else { ... }: Si la condition est vraie, fait le premier bloc. Sinon (else), fait le bloc else.
if (...) { ... } else if (...) { ... } else { ... }: Permet de tester PLUSIEURS conditions dans l'ordre. Dès qu'une est vraie, on exécute son bloc et on saute tout le reste.

Plusieurs branches avec else if

javascript

1let vitesse = 75
2 
3if (vitesse < 30) {
4  couleur("green")        // lente : vert
5} else if (vitesse < 60) {
6  couleur("orange")       // moyenne : orange
7} else {
8  couleur("red")          // rapide : rouge
9}
10 
11avancer(50)

Résultat : Comme vitesse (75) est ≥ 60, on prend la branche else : trait rouge.

§5.Les opérateurs de comparaison

x === y: Égal à (TROIS signes égal). Attention : x = y est une AFFECTATION (donne la valeur de y à x), pas une comparaison.; Exemple. if (i === 0) { ... } — vrai uniquement quand i vaut 0.
x !== y: Différent de.; Exemple. if (couleur !== "red") { ... }
x < y / x > y: Plus petit que / plus grand que (strict, n'inclut pas l'égalité).
x <= y / x >= y: Inférieur ou égal / supérieur ou égal.

§7.Conditions dans une boucle

Le combo boucle + condition est ultra puissant. Tu peux alterner des couleurs, sauter certains tours, faire des motifs en damier…

Alternance par parité

javascript

1for (let i = 0; i < 20; i++) {
2  if (i % 2 === 0) {
3    couleur("red")          // i pair : rouge
4  } else {
5    couleur("blue")         // i impair : bleu
6  }
7  avancer(20)
8  tourner_droite(18)
9}

Résultat : Un soleil aux rayons alternativement rouges et bleus.

i % 2 vaut 0 pour i pair, 1 pour i impair. On utilise cette propriété pour alterner.

§9.Combiner plusieurs conditions

&& (et): VRAI si les DEUX conditions sont vraies en même temps.; Exemple. if (x > 0 && x < 100) — vrai uniquement quand x est entre 0 et 100.
|| (ou): VRAI si au moins UNE des deux conditions est vraie.; Exemple. if (jour === "samedi" || jour === "dimanche") — vrai le weekend.
! (non): Inverse une condition : !vrai = faux, !faux = vrai.; Exemple. if (!estPair) { ... } — exécute si estPair n'est PAS vrai.

Combinaison &&

javascript

1for (let i = 0; i < 30; i++) {
2  // Tous les nombres pairs ET multiples de 3 → bloc rouge
3  if (i % 2 === 0 && i % 3 === 0) {
4    couleur("red")
5    epaisseur(5)
6  } else {
7    couleur("#7c3aed")
8    epaisseur(2)
9  }
10  avancer(15)
11  tourner_droite(12)
12}

Résultat : Une spirale violette dont certains segments (multiples de 6 : 0, 6, 12, 18, 24) sont rouges et plus épais.

§11.Les valeurs booléennes

Une condition renvoie toujours une valeur dite « booléenne » : soit true (vrai), soit false (faux). Ce sont les seules valeurs que peut prendre un booléen.

Tu peux stocker un booléen dans une variable : let trouve = false; puis plus tard if (...) { trouve = true; }. C'est très utile pour mémoriser un état (déjà vu ? déjà gagné ? déjà dessiné ?).

Mémoriser un état

javascript

1let dejaTourne = false
2 
3for (let i = 0; i < 10; i++) {
4  avancer(40)
5 
6  // À mi-parcours, on tourne à 90° une seule fois
7  if (i === 5 && !dejaTourne) {
8    tourner_droite(90)
9    dejaTourne = true
10  } else {
11    tourner_droite(36)
12  }
13}

À retenir

if (condition) { ... } else { ... } pour faire un choix.
Les comparaisons utilisent === (égalité), !==, <, >, <=, >=.
TROIS signes égal pour comparer, UN seul signe = pour affecter.
&& (et), || (ou), ! (non) pour combiner ou inverser.
Un booléen vaut true ou false — utile pour mémoriser un état.
if + boucle = comportement riche : alternance, motifs complexes.