Cours

JavaScript Leçon 2

Conditions, boucles et fonctions

Les mêmes idées que dans les autres langages, avec la syntaxe de JavaScript, et les tableaux.

20 min

À la fin de cette leçon, tu sauras

  • Écrire des conditions avec === et if
  • Parcourir un tableau avec for…of
  • Écrire une fonction classique et une fonction fléchée

Les conditions

const age = 17;

if (age >= 18) {
  console.log("Majeur");
} else {
  console.log("Mineur");
}

Comme en PHP, compare avec === et !==, qui vérifient aussi le type. == fait des conversions surprenantes ("5" == 5 est vrai) : évite-le.

Les tableaux et les boucles

const fruits = ["pomme", "banane", "kiwi"];
fruits.push("mangue");            // ajoute à la fin
console.log(fruits.length);       // 4

for (const fruit of fruits) {
  console.log(fruit);
}

for (let i = 0; i < 3; i++) {
  console.log(`Tour ${i}`);
}

for…of parcourt les éléments d'un tableau, comme foreach en PHP.

Les fonctions

function carre(n) {
  return n * n;
}

const double = (n) => n * 2;

console.log(carre(4));    // 16
console.log(double(4));   // 8

La deuxième forme s'appelle une fonction fléchée : plus courte, très utilisée, notamment pour donner une fonction à une autre.

À toi de jouer

Écris une fonction estMajeur qui prend un âge et renvoie true si l'âge est supérieur ou égal à 18, false sinon. Affiche ensuite dans la console le résultat de estMajeur(20).

script.js
  • Une fonction estMajeur est déclarée avec un paramètre
  • Elle compare l'âge à 18
  • Elle renvoie un résultat
  • Le résultat de estMajeur(20) est affiché
Bloqué ? Voir une solution 
function estMajeur(age) {
  return age >= 18;
}

console.log(estMajeur(20));

Quiz

1Que vaut "5" === 5 ?
2Comment ajouter un élément à la fin d'un tableau ?
3Que renvoie ((n) => n + 1)(4) ?