English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript switch语句

 Déclaration d'instruction et de variable JavaScript

switch语句是JavaScript的条件语句之一,用于在不同条件下执行不同的动作。

switch语句对表达式求值,将表达式的值与case子句匹配,并执行与该case关联的语句,以及在匹配case之后的语句。

与每个case标签关联的break语句可确保一旦执行了匹配的语句,程序便会退出switch,并在switch之后的语句处继续执行。如果省略break,程序将在switch语句的下一个语句处继续执行。

default语句指定如果没有匹配的情况下,默认运行的一些代码。switch中只能有一个默认语句。尽管这是可选的,但建议您使用它,因为它可以处理意料之外的情况。

使用switch选择要执行的多达一个代码块。这是长嵌套if ... else语句的完美解决方案。

语法:

switch (expression) {
  case value1:   //Lors de l'exécution de l'instruction
   //Résultat de la correspondance de l'expression value1
   break;
  case value2:   //Lors de l'exécution de l'instruction
   //Résultat de la correspondance de l'expression value2
   break;
  ...
  case valueN:   //Lors de l'exécution de l'instruction
   //Résultat de la correspondance de l'expression valueN
   break;
  default:   //Instruction exécutée en cas d'absence des cas ci-dessus
   //Ces valeurs correspondent à la valeur de l'expression
   }
var city = document.querySelector("input").value;
var text;
switch (city) {
   case "Jaipur":
   text = "Jaipur est connu sous le nom de la ville Rose";
   break;
   case "Bengaluru":
   text = "Bengaluru est connu sous le nom de la ville IT";
   break;
   case "Kerala": 
   text = "Kerala God"39;s Own Country";
   break;
   default:
   text = "Je n'ai jamais entendu parler de cette ville...";
}
Voyons si‹/›

Compatibilité des navigateurs

Tous les navigateurs prennent en charge intégralement l'instruction switch :

Instruction
switchEstEstEstEstEst

Valeur des paramètres

ParamètresDescription
expressionUne expression whose result matches each case clause.
case valueNClause case utilisée pour correspondre à l'expression. Si l'expression correspond à la valeur spécifiée valueN, les instructions de la clause case sont exécutées jusqu'à la fin de la directive switch ou break.
default(Optionnel) Clause par défaut ; si elle est fournie, cette clause est exécutée si la valeur de l'expression ne correspond à aucune clause case.

Détails techniques

Version de JavaScript :ECMAScript 1

Plus d'exemples

Utilisez le numéro des jours ouvrables pour calculer le nom du jour de la semaine (dimanche = 0, lundi = 1, 1et ainsi de suite... :

var day;
switch (new Date().getDay()) {
case 0: day = "Sunday";
break;
case 1: day = "Monday";
break;
case 2: day = "Tuesday";
break;
case 3: day = "Wednesday";
break;
case 4: day = "Thursday";
break;
case 5: day = "Friday";
break;
case 6: day = "Saturday";
break;
default: day = "Undefined Day";
}
Voyons si‹/›

Si vous oubliez break, le script commence à s'exécuter à partir des conditions satisfaisantes et continue à s'exécuter en fonction des conditions :

var num = Number(document.querySelector("input").value);
var text;
switch (num) {
   case 1Le numéro que vous avez entré est : text = " 1";
   case 2Le numéro que vous avez entré est : text = " 2";
   case 3Le numéro que vous avez entré est : text = " 3";
   case 4Le numéro que vous avez entré est : text = " 4";
   case 5Le numéro que vous avez entré est : text = " 5";
   default: text = "La déclaration par défaut est exécutée";
}
Voyons si‹/›

Parfois, vous pourriez vouloir que différentes situations utilisent le même code ou utiliser un code générique.

Ceci est un exemple de déclaration switch à une action unique, où quatre valeurs différentes exécutent des opérations complètement identiques :

var num = Number(document.querySelector("input").value);
var text;
switch (num) {
   case 1:
   case 2:
   case 3:
   case 4:
  text = "Le numéro que vous avez entré est entre 1 - 4";
  break;
   case 5:
   case 6:
   case 7:
   case 8:
  text = "Le numéro que vous avez entré est entre 5 - 8";
  break; 
   default: text = "La déclaration par défaut est exécutée";
}
Voyons si‹/›

Références connexes

Tutoriel JavaScript :Instruction If ... Else JavaScript

Tutoriel JavaScript :switch JavaScript

Référence JavaScript :Instruction break JavaScript

 Déclaration d'instruction et de variable JavaScript