Maison interface Web Questions et réponses frontales Comment utiliser l'instruction if en javascript

Comment utiliser l'instruction if en javascript

Feb 16, 2022 pm 03:37 PM
if语句 javascript

En javascript, l'instruction if est utilisée pour effectuer différentes opérations basées sur différentes conditions. La syntaxe "if (expression conditionnelle) {// code à exécuter ;}" ou "if (expression conditionnelle) { // lorsque le code à exécuter lorsque l'expression est vraie}else{//Le code à exécuter lorsque l'expression n'est pas vraie}".

Comment utiliser l'instruction if en javascript

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

En JavaScript, les instructions if sont utilisées pour effectuer différentes opérations en fonction de différentes conditions.

if déclaration a trois formes différentes :

  • if déclaration

  • if else déclaration

  • if else if else déclaration

if else

if déclaration if else est en JavaScript ; la plupart Une simple déclaration de jugement conditionnel, le format de syntaxe est le suivant :

if(条件表达式){
    // 要执行的代码;
}
Copier après la connexion

Lorsque l'expression conditionnelle est établie, c'est-à-dire lorsque le résultat est une valeur booléenne vraie, le code dans { } sera exécuté.

L'exemple de code est le suivant :

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>JavaScript</title>
</head>
<body>
    <script type="text/javascript">
        var age = 20;
        if(age >= 18){      // 如果 age >= 18 的结果为 true,则执行下面 { } 中的代码
            alert("adult");
        }
    </script>
</body>
</html>
Copier après la connexion

Le résultat d'exécution est le suivant :

Comment utiliser linstruction if en javascript

instruction if else

l'instruction if else est une version améliorée de l'instruction if. Elle ne peut pas seulement spécifier ce qu'il faut. être exécuté lorsque l'expression est vraie Code, vous pouvez également spécifier le code à exécuter lorsque l'expression ne tient pas. Le format de syntaxe est le suivant :

if(条件表达式){
    // 当表达式成立时要执行的代码
}else{
    // 当表达式不成立时要执行的代码
}
Copier après la connexion

L'exemple de code est le suivant :

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>JavaScript</title>
</head>
<body>
    <script type="text/javascript">
        var now = new Date();           // 获取当前的完整日期
        var dayOfWeek = now.getDay();   // 获取一个 0-6 之间的数字,用来表示当前是星期几,0 表示星期日、1 表示星期一、以此类推
        if (dayOfWeek > 0 && dayOfWeek < 6) {       // 判断:如果当前是星期一到星期五中的一天,则输出“Have a nice day!”,若不是则输出“Have a nice weekend!”
            alert("Have a nice day!");
        } else {
            alert("Have a nice weekend!");
        }
    </script>
</body>
</html>
Copier après la connexion

Les résultats d'exécution sont les suivants ci-dessous :

Comment utiliser linstruction if en javascript

if else if else

Les instructions if et if else n'ont qu'une seule expression conditionnelle, et l'instruction if else if else est leur forme la plus avancée. L'instruction if else if else le permet. vous devez définir plusieurs expressions conditionnelles et exécuter les actions correspondantes en fonction des résultats des expressions. Le code, le format de syntaxe est le suivant :

if (条件表达式 1) {
    // 条件表达式 1 为真时执行的代码
} else if (条件表达式 2) {
    // 条件表达式 2 为真时执行的代码
}
...
  else if (条件表达式N) {
    // 条件表达式 N 为真时执行的代码
} else {
    // 所有条件表达式都为假时要执行的代码
}
Copier après la connexion

Astuce : lors de l'exécution de l'instruction if else if else, lorsqu'elle rencontre une condition établie. expression, le code dans { } sera exécuté immédiatement, puis l'intégralité de l'instruction if else if else sera exécutée, s'il y a une expression conditionnelle valide dans le code suivant, elle ne sera pas exécutée.

L'exemple de code est le suivant :

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>JavaScript</title>
</head>
<body>
    <script type="text/javascript">
        var now = new Date();           // 获取当前的完整日期
        var dayOfWeek = now.getDay();   // 获取一个 0-6 之间的数字,用来表示当前是星期几,0 表示星期日、1 表示星期一、以此类推
        if(dayOfWeek == 0) {            // 判断当前是星期几
            alert("星期日")
        } else if(dayOfWeek == 1) {
            alert("星期一")
        } else if(dayOfWeek == 2) {
            alert("星期二")
        } else if(dayOfWeek == 3) {
            alert("星期三")
        } else if(dayOfWeek == 4) {
            alert("星期四")
        } else if(dayOfWeek == 5) {
            alert("星期五")
        } else {
            alert("星期六")
        }
    </script>
</body>
</html>
Copier après la connexion

Le résultat de l'exécution est le suivant :

Comment utiliser linstruction if en javascript

Notes

Lors de l'utilisation d'un if else imbriqué, s'il n'y a qu'une seule ligne d'instruction, elle doit également être enveloppée entre accolades pour éviter toute ambiguïté de condition.

Par exemple, l'imbriqué if else suivant peut facilement conduire à des malentendus :

if(0)
    if(1)
        console.log(1);
else
    console.log(0);
Copier après la connexion

Pour le code ci-dessus, l'interpréteur JavaScript l'interprétera selon le niveau logique suivant basé sur le principe de proximité :

if(0)
    if(1)
        console.log(1);
    else
        console.log(0);
Copier après la connexion

Donc l'utilisation d'accolades peut évitez de nombreux problèmes :

if(0){
    if(1) console.log(1);
}else{
    console.log(0);
}
Copier après la connexion

【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!

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

Article chaud

Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Article chaud

Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Tags d'article chaud

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment mettre en œuvre un système de reconnaissance vocale en ligne à l'aide de WebSocket et JavaScript Comment mettre en œuvre un système de reconnaissance vocale en ligne à l'aide de WebSocket et JavaScript Dec 17, 2023 pm 02:54 PM

Comment mettre en œuvre un système de reconnaissance vocale en ligne à l'aide de WebSocket et JavaScript

WebSocket et JavaScript : technologies clés pour mettre en œuvre des systèmes de surveillance en temps réel WebSocket et JavaScript : technologies clés pour mettre en œuvre des systèmes de surveillance en temps réel Dec 17, 2023 pm 05:30 PM

WebSocket et JavaScript : technologies clés pour mettre en œuvre des systèmes de surveillance en temps réel

Comment mettre en œuvre un système de réservation en ligne à l'aide de WebSocket et JavaScript Comment mettre en œuvre un système de réservation en ligne à l'aide de WebSocket et JavaScript Dec 17, 2023 am 09:39 AM

Comment mettre en œuvre un système de réservation en ligne à l'aide de WebSocket et JavaScript

Comment utiliser JavaScript et WebSocket pour mettre en œuvre un système de commande en ligne en temps réel Comment utiliser JavaScript et WebSocket pour mettre en œuvre un système de commande en ligne en temps réel Dec 17, 2023 pm 12:09 PM

Comment utiliser JavaScript et WebSocket pour mettre en œuvre un système de commande en ligne en temps réel

Tutoriel JavaScript simple : Comment obtenir le code d'état HTTP Tutoriel JavaScript simple : Comment obtenir le code d'état HTTP Jan 05, 2024 pm 06:08 PM

Tutoriel JavaScript simple : Comment obtenir le code d'état HTTP

JavaScript et WebSocket : créer un système efficace de prévisions météorologiques en temps réel JavaScript et WebSocket : créer un système efficace de prévisions météorologiques en temps réel Dec 17, 2023 pm 05:13 PM

JavaScript et WebSocket : créer un système efficace de prévisions météorologiques en temps réel

Structures de contrôle conditionnel en PHP Structures de contrôle conditionnel en PHP Mar 10, 2024 pm 09:36 PM

Structures de contrôle conditionnel en PHP

Comment utiliser insertBefore en javascript Comment utiliser insertBefore en javascript Nov 24, 2023 am 11:56 AM

Comment utiliser insertBefore en javascript

See all articles