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
section suivante