Instruction de commutation JavaScript


L'instruction switch est utilisée pour effectuer différentes actions en fonction de différentes conditions.

Instruction switch JavaScript

Utilisez l'instruction switch pour sélectionner l'un des multiples blocs de code à exécuter.

Syntaxe

switch(n)
{
cas 1 :
Exécuter le bloc de code 1
break;
cas 2 :
Exécuter le bloc de code 2
break;
par défaut :
n code qui n'est pas exécuté en même temps que le cas 1 et le cas 2
}

Principe de fonctionnement : premier ensemble l'expressionn (généralement une variable). La valeur de l'expression est ensuite comparée à la valeur de chaque observation de la structure. S'il y a une correspondance, le bloc de code associé au cas est exécuté. Veuillez utiliser break pour empêcher le code de s'exécuter automatiquement vers le cas suivant.

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<p>点击下面的按钮来显示今天是周几：</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
	var x;
	var d=new Date().getDay();
	switch (d){
  		case 0:x="今天是星期日";
    	break;
 		case 1:x="今天是星期一";
        break;
  		case 2:x="今天是星期二";
        break;
        case 3:x="今天是星期三";
   	 	break;
  		case 4:x="今天是星期四";
    	break;
  		case 5:x="今天是星期五";
        break;
  		case 6:x="今天是星期六";
    	break;
 	}
	document.getElementById("demo").innerHTML=x;
}
</script>

</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

mot-clé par défaut

Veuillez utiliser le mot-clé par défaut pour spécifier quoi faire lorsque la correspondance n'existe pas :

Instance

<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<p>点击下面的按钮，会显示出基于今日日期的消息：</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
{
	var x;
	var d=new Date().getDay();
	switch (d)
    {
  		case 6:x="今天是星期六";
    	break;
  		case 0:x="今天是星期日";
    	break;
  		default:
    	x="期待周末";
  	}
	document.getElementById("demo").innerHTML=x;
}
</script>

</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne