Instructions conditionnelles JavaScript

Les instructions conditionnelles sont utilisées pour effectuer différentes actions en fonction de différentes conditions.

Instruction conditionnelle

Habituellement, lors de l'écriture de code, vous devez toujours effectuer différentes actions pour différentes décisions. Vous pouvez utiliser des instructions conditionnelles dans votre code pour accomplir cette tâche.

En JavaScript, nous pouvons utiliser les instructions conditionnelles suivantes :

instruction if - Utilisez cette instruction pour exécuter du code uniquement lorsque la condition spécifiée est vraie
instruction if...else - exécute le code lorsque la condition est vraie, exécute un autre code lorsque la condition est fausse
if...else if . Instruction ..else - Utilisez cette instruction pour sélectionner l'un des multiples blocs de code à exécuter
Instruction switch - Utilisez cette instruction pour sélectionner l'un des multiples blocs de code à exécuter

Instruction If

Cette instruction exécutera le code uniquement si la condition spécifiée est vraie.

Syntaxe

if (condition)
{
Code exécuté lorsque la condition est vraie
}

Remarque : Veuillez utiliser des minuscules si. L'utilisation de lettres majuscules (IF) générera une erreur JavaScript !

Instance

Lorsque l'heure est inférieure à 20h00, générez le message d'accueil "Bonne journée" :

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文网(php.cn)</title>
</head>
<body>
<p>如果时间早于 20:00，会获得问候 "Good day"。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
    function myFunction(){
        var x="";
        var time=new Date().getHours();
        if (time<20){
            x="Good day";
        }
        document.getElementById("demo").innerHTML=x;
    }
</script>
</body>
</html>

Remarque , dans cette syntaxe, il n'y a pas de ..else... Vous avez demandé au navigateur d'exécuter le code uniquement si la condition spécifiée est vraie.

Exécutez le programme et essayez-le

If...else déclaration

Veuillez utiliser if ... L'instruction .else exécute du code lorsque la condition est vraie et un autre code lorsque la condition est fausse.

Syntaxe

if (condition)
{
Code exécuté lorsque la condition est vraie
}
else
{
Code exécuté lorsque la condition n'est pas vraie
}

Instance

Lorsque le l'heure est inférieure à 20h00, le message d'accueil "Bonne journée" est généré, sinon le message d'accueil "Bonsoir" est généré.

<!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 time=new Date().getHours();
if (time<20){
x="Good day";
     }
else{
 x="Good evening";
 }
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>

Exécutez le programme et essayez-le

If...else if...else déclaration

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

Syntaxe

if (condition1)
{
Code exécuté lorsque la condition 1 est vraie
}
else if (condition2)
{
Code exécuté lorsque la condition 2 est vraie
}
else
{
Lorsque ni la condition 1 ni la condition 2 ne sont vraies Code exécuté lorsque vrai
>

Instance

Si l'heure est inférieure à 10h00, générez le message d'accueil "Bonjour" " , si l'heure est supérieure à 10h00 et inférieure à 20h00, le message d'accueil "Bonne journée" est généré, sinon le message d'accueil "Bonsoir" est généré :

<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<script type="text/javascript">
var d = new Date();
var time = d.getHours();
if (time<10)
{
document.write("<b>早上好</b>");
}
else if (time>=10 && time<16)
{
document.write("<b>今天好</b>");
}
else
{
document.write("<b>Hello World!</b>");
}
</script>
<p>
这个例子演示了 if..else if...else 语句。
</p>
</body>
</html>

Exécutez le programme et essayez-le

Formation continue

nouveau fichier

<html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <script type="text/javascript"> var d = new Date(); var time = d.getHours(); if (time<10) { document.write("<b>早上好</b>"); } else if (time>=10 && time<16) { document.write("<b>今天好</b>"); } else { document.write("<b>Hello World!</b>"); } </script> <p> 这个例子演示了 if..else if...else 语句。 </p> </body> </html>

soumettre Réinitialiser le code

Opération automatique

Instructions conditionnelles JavaScript

ÉlémentaireTutoriel de site Web d'imitation d'entreprise Imperial CMS

ÉlémentaireLes débutants sans aucune base dans WordPress créent des blogs personnels et des sites Web d'entreprise

ÉlémentaireVidéo d'instructions sur la création de sites Web à base zéro Ultimate CMS

ÉlémentaireProjet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]

IntermédiaireVue3.0 de 0 pour créer une pratique de projet de système de gestion backend universel

ÉlémentaireCours frontal base zéro [Vue apprentissage avancé et application pratique]

ÉlémentaireTutoriel WEB front-end [HTML5+CSS3+JS]

ÉlémentaireIntroduction rapide à apipost

IntermédiaireTutoriel pratique Vue3+TypeScript au niveau de l'entreprise

ÉlémentaireParlons brièvement de la création d'une entreprise en PHP

IntermédiaireProjet de commerce électronique VUE (combat réel de projet double front-end et back-end)

ÉlémentaireApplication pratique Apipost [api, interface, tests automatisés, mock]