Chapitre 4 sur 12

Les conditions (if, switch)

vérifié le 7 septembre 2026 · 4 min

Le conditions en Javascript permettent d’exécuter du code en fonction de conditions spécifiques. Elles vous permettent de créer des programmes plus complexes et de prendre des décisions en fonction des données en entrée. Dans ce chapitre, nous allons explorer les instructions if et switch, qui sont les instructions de contrôle de flux les plus couramment utilisées en Javascript.

Instruction if

L’instruction if en Javascript permet d’exécuter du code uniquement si une condition donnée est remplie. Voici un exemple d’utilisation de l’instruction if :

javascript
let a = 5;

if (a > 10) {
  console.log('a est supérieur à 10');
}

Dans cet exemple, le code à l’intérieur des accolades ne sera exécuté que si la condition « a > 10 » est vraie. Si la condition est fausse, le code ne sera pas exécuté et le programme continuera à l’instruction suivante.

Vous pouvez également utiliser l’instruction else pour exécuter du code si la condition n’est pas remplie :

javascript
let a = 5;

if (a > 10) {
  console.log('a est supérieur à 10');
} else {
  console.log('a est inférieur ou égal à 10');
}

Si la condition « a > 10 » est vraie, le message « a est supérieur à 10 » sera affiché. Si la condition est fausse, le message « a est inférieur ou égal à 10 » sera affiché à la place.

Vous pouvez également utiliser l’instruction else if pour vérifier plusieurs conditions de manière séquentielle :

javascript
let a = 5;

if (a > 10) {
  console.log('a est supérieur à 10');
} else if (a == 10) {
  console.log('a est égal à 10');
} else {
  console.log('a est inférieur à 10');
}

Si la première condition « a > 10 » est vraie, le message « a est supérieur à 10 » sera affiché. Si la première condition est fausse et que la deuxième condition « a == 10 » est vraie, le message « a est égal à 10 » sera affiché. Si aucune des conditions n’est remplie, le message « a est inférieur à 10 » sera affiché.

Attention

Vous devez utiliser deux signes égal (==) pour vérifier l’égalité de deux valeurs, et non un seul signe égal (=). Le signe égal (=) est utilisé pour affecter une valeur à une variable, tandis que les deux signes égaux (==) sont utilisés pour vérifier si deux valeurs sont égales.

Instruction switch

L’instruction switch en Javascript permet d’exécuter du code en fonction d’une valeur de variable spécifique. Elle peut être utilisée lorsque vous avez besoin de vérifier plusieurs valeurs possibles pour une variable. Voici un exemple d’utilisation de l’instruction switch :

javascript
let a = 'rouge';

switch (a) {
  case 'bleu':
    console.log('a est bleu');
    break;
  case 'vert':
    console.log('a est vert');
    break;
  case 'rouge':
    console.log('a est rouge');
    break;
  default:
    console.log("a n'est ni bleu, ni vert, ni rouge");
}

La valeur de la variable « a » est comparée à chaque « case » dans l’instruction switch. Si la valeur de « a » correspond à l’un des « case« , le code associé sera exécuté. Si aucun « case » ne correspond à la valeur de « a« , le code associé au « default » sera exécuté.

break

Chaque « case » doit se terminer par le mot-clé « break ». Si vous oubliez de mettre ce mot-clé, le code associé à tous les « case » suivants sera également exécuté, ce qui peut causer des erreurs dans votre programme.

javascript
let a = 'jaune';

switch (a) {
  case 'bleu':
  case 'vert':
  case 'rouge':
    console.log('a est une couleur primaire');
    break;
  case 'jaune':
  case 'orange':
  case 'violet':
    console.log('a est une couleur secondaire');
    break;
  default:
    console.log("a n'est ni une couleur primaire, ni une couleur secondaire");
}

Si la valeur de « a » est « bleu« , « vert » ou « rouge« , le message « a est une couleur primaire » sera affiché. Si la valeur de « a » est « jaune », « orange » ou « violet », le message « a est une couleur secondaire » sera affiché. Si aucun des « case » ne correspond à la valeur de « a« , le message « a n’est ni une couleur primaire, ni une couleur secondaire » sera affiché :

Conclusion

Dans ce chapitre, nous avons vu comment utiliser les instructions if et switch pour exécuter du code en fonction de conditions ou de valeurs spécifiques. Ces instructions sont essentielles pour créer des programmes plus complexes en Javascript. N’hésitez pas à vous entraîner avec ces instructions pour améliorer vos compétences en développement en Javascript.

Newsletter

Les nouveaux tests, tutoriels et projets, par e-mail.

Tests reproductibles, code versionné, résultats datés. Jamais de spam.