Maison > Article > interface Web > Quels sont les trois types d’instructions conditionnelles en JavaScript ?

Quels sont les trois types d’instructions conditionnelles en JavaScript ?

青灯夜游original: 2022-01-26 17:02:394983parcourir

Trois types d'instructions conditionnelles en JavaScript : 1. Instruction "if else", syntaxe "if (condition) {...}else{...}" ; 2. Instruction "switch...case" ; Trois instructions de méta-opération, syntaxe "Expression conditionnelle ? Expression1 : Expression2 ;".

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

Les déclarations de jugement conditionnel sont une forme de déclaration fréquemment utilisée dans le processus de développement de programmes. Comme la plupart des langages de programmation, JavaScript possède également des déclarations de jugement conditionnel. Le soi-disant jugement conditionnel fait référence au programme qui effectue différentes opérations en fonction de différentes conditions, telles que l'affichage de différents contenus en fonction de l'âge et le jugement de la réussite ou de l'échec de l'opération sur la base d'une valeur booléenne vraie ou fausse, etc.

1. instruction if-else

1. Grammaire

la syntaxe if-else est divisée en trois types :

(1) instruction if

if(条件){ 条件为true时执行代码 }

(2) instruction if else ; ) if else if else instruction

if(条件){ 条件为true时执行的代码 } else { 条件为false时执行的代码 }

exemple

if(条件1){ 条件1为true时执行的代码 } esle if (条件2){ 条件1false条件2true } else { 都false }

Le résultat de sortie est

Quels sont les trois types d’instructions conditionnelles en JavaScript ? 2. switch...case instruction

1 Syntaxe

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>IfElse</title>
</head>
<body>

<script type="text/javascript">
     var myage = 10;
    //第一种语法
    if (myage > 5){
        document.writeln("你的年龄大于5岁");
    }
    //第二种语法
    if (myage > 15){
        document.writeln("你的年龄大于15岁");
    }
    else {
        document.writeln("你的年龄小于15岁");
    }
    //第三种语法
    if (myage > 5){
        document.writeln("你的年龄大于5岁");
     }
    else if(myage < 15 ){
         document.writeln("你的年龄大于15小于5岁");
     }
    else {
        document.writeln("你的年龄大于等于15岁")
    }
</script>

</body>
</html>

D'abord définir l'expression n (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.

Exemple

switch( 表达式 n ){
case 1 : 执行代码块 1; break;
case 2 : 执行代码块 2 ; break;
default: 与 case 1 和 case 2 不同时执行的代码
}

Le résultat de sortie est

3. Opérateur ternaire Quels sont les trois types d’instructions conditionnelles en JavaScript ?

L'opérateur ternaire (également connu sous le nom d'opérateur conditionnel) se compose d'un point d'interrogation et de deux points, et sa syntaxe Le format est la suivante : <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Switch</title> </head> <body> <script type="text/javascript"> var flag = 2; switch (flag) { case 1:document.write("纷纷扰扰这个世界，所有的了解。");break; case 2:document.write("只要让我留在你身边。");break; default:break; } </script> </body> </html>
b L'opérande doit être une expression booléenne, et x et y sont des valeurs de n'importe quel type.

Si la valeur de retour de l'opérande b est vraie, alors l'opérande x est exécuté et la valeur de l'expression est renvoyée.

Si la valeur de retour de l'opérande b est fausse, alors l'opérande y est exécuté et la valeur de l'expression est renvoyée.
Exemple :

Définissez la variable a, puis vérifiez si une valeur est attribuée à a, si elle est attribuée, utilisez la valeur, sinon définissez la valeur par défaut.

b ? x : y

L'opérateur conditionnel peut être converti en structure conditionnelle :

var a = null;  //定义变量a
typeof a != "undefined" ? a = a : a = 0;  //检测变量a是否赋值，否则设置默认值
console.log(a);  //显示变量a的值，返回null

ou il peut être converti en une expression logique :

if(typeof a != "undefined"){  //赋值
    a = a;
}else{  //没有赋值
    a = 0;
}
console.log(a);

Dans l'expression ci-dessus, si a a reçu une valeur, l'expression (a = a) sera exécutée. L'expression (a = 0) suivant l'opérateur logique OU ne sera plus exécutée ; si a n'a pas de valeur, l'expression (a = a) suivant l'opérateur logique ET ne sera plus exécutée ; L'expression suivant l'opérateur logique OU sera exécutée à la place.

Remarque :

Dans le combat réel, l'interférence de fausses valeurs doit être prise en compte. L'utilisation de typeof a != "undefined" pour la détection peut éviter d'être confondue avec aucune affectation lorsque la variable se voit attribuer une fausse valeur telle que false, null, "", NaN, etc. 【Recommandations associées :

Tutoriel d'apprentissage Javascript

】

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!

JavaScript NULL 运算符三元运算符 if switch break 布尔型 undefined typeof

Déclaration：

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

Article précédent：Compréhension approfondie des variables CSS (résumé organisé)Article suivant：Compréhension approfondie des variables CSS (résumé organisé)

Articles Liés

Voir plus