Maison > interface Web > js tutoriel > Explication détaillée de l'utilisation du commutateur et des précautions en JavaScript

Explication détaillée de l'utilisation du commutateur et des précautions en JavaScript

伊谢尔伦
Libérer: 2017-07-18 14:49:43
original
1683 Les gens l'ont consulté

Syntaxe

La syntaxe de base de l'instruction switch donne une expression pour évaluer et calculer plusieurs instructions différentes en fonction de la valeur de l'expression. L'interpréteur vérifie chaque cas pour la valeur de l'expression jusqu'à ce qu'il trouve une correspondance. S'il n'y a pas de correspondance, la condition par défaut sera utilisée.


switch (expression)
{
 case condition 1: statement(s)
          break;
 case condition 2: statement(s)
          break;
  ...
 case condition n: statement(s)
          break;
 default: statement(s)
}
Copier après la connexion

L'instruction break demande à l'interprète de terminer dans des circonstances spécifiques. S'ils sont omis, l'interpréteur continuera à exécuter chaque instruction dans chacun des cas suivants.

Nous expliquerons l'instruction break dans le chapitre sur le contrôle de boucle.
Exemple :

L'exemple suivant illustre une boucle while de base :


<script type="text/javascript">
<!--
var grade=&#39;A&#39;;
document.write("Entering switch block<br />");
switch (grade)
{
 case &#39;A&#39;: document.write("Good job<br />");
      break;
 case &#39;B&#39;: document.write("Pretty good<br />");
      break;
 case &#39;C&#39;: document.write("Passed<br />");
      break;
 case &#39;D&#39;: document.write("Not so good<br />");
      break;
 case &#39;F&#39;: document.write("Failed<br />");
      break;
 default: document.write("Unknown grade<br />")
}
document.write("Exiting switch block");
//-->
</script>
Copier après la connexion

Cela produira le résultat suivant :


Entering switch block
Good job
Exiting switch block
Copier après la connexion

Exemple :

Considérez une telle situation, si l'instruction break n'est pas utilisée :


<script type="text/javascript">
<!--
var grade=&#39;A&#39;;
document.write("Entering switch block<br />");
switch (grade)
{
 case &#39;A&#39;: document.write("Good job<br />");
 case &#39;B&#39;: document.write("Pretty good<br />");
 case &#39;C&#39;: document.write("Passed<br />");
 case &#39;D&#39;: document.write("Not so good<br />");
 case &#39;F&#39;: document.write("Failed<br />");
 default: document.write("Unknown grade<br />")
}
document.write("Exiting switch block");
//-->
</script>
Copier après la connexion

Cela produira les résultats suivants :


Entering switch block
Good job
Pretty good
Passed
Not so good
Failed
Unknown grade
Exiting switch block
Copier après la connexion

Remarques sur l'utilisation du commutateur pour javascript

<script>
var t_jb51_net = 65;
switch (t_jb51_net) {
case &#39;65&#39;:
alert("字符串65。jb51.net");
break;
}
</script>
Copier après la connexion

Vous find Aucune boîte de dialogue n'apparaît et l'alerte n'est pas exécutée.

Analyse des causes :

Ce qui doit être clair ici, c'est que switch utilise le signe congruent "===" lors de la comparaison des signes congruents, la première chose à regarder est. le type de données. Ce n'est pas la même chose, mais ici, t_jb51_net est de type Number et '65' est String.

Le code suivant fera apparaître la boîte de dialogue :

<script>
var t_jb51_net = 65;
switch (t_jb51_net) {
case 65:
alert("数字65。jb51.net");
break;
}
</script>
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal