English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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‹/›
Tous les navigateurs prennent en charge intégralement l'instruction switch :
Instruction | |||||
switch | Est | Est | Est | Est | Est |
Paramètres | Description |
---|---|
expression | Une expression whose result matches each case clause. |
case valueN | Clause 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. |
Version de JavaScript : | ECMAScript 1 |
---|
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‹/›
Tutoriel JavaScript :Instruction If ... Else JavaScript
Tutoriel JavaScript :switch JavaScript
Référence JavaScript :Instruction break JavaScript