Bedingte Anweisungen in JavaSkript: if, else und else if
JavaBedingte Anweisungen in Skripts
Es gibt hauptsächlich drei Arten von bedingten Anweisungen in JavaSkript.
- if-Anweisung: Eine „if“-Anweisung führt Code basierend auf einer Bedingung aus.
- if…else-Anweisung: Die if…else-Anweisung besteht aus zwei Codeblöcken; Wenn eine Bedingung wahr ist, wird der erste Codeblock ausgeführt, und wenn die Bedingung falsch ist, wird der zweite Codeblock ausgeführt.
- if…else if…else-Anweisung: Wenn mehrere Bedingungen getestet werden müssen und verschiedene Codeblöcke basierend darauf ausgeführt werden müssen, welche Bedingung wahr ist, wird die if…else if…else-Anweisung verwendet.
So verwenden Sie bedingte Anweisungen
Bedingte Anweisungen werden verwendet, um den Ausführungsfluss basierend auf verschiedenen Bedingungen zu bestimmen. Wenn eine Bedingung wahr ist, können Sie eine Aktion ausführen, und wenn die Bedingung falsch ist, können Sie eine andere Aktion ausführen.
If-Anweisung
Syntax:
if(condition) { lines of code to be executed if condition is true }
Sie können verwenden if
-Anweisung, wenn Sie nur eine bestimmte Bedingung überprüfen möchten.
Probieren Sie es selbst aus:
<html> <head> <title>IF Statments!!!</title> <script type="text/javascript"> var age = prompt("Please enter your age"); if(age>=18) document.write("You are an adult <br />"); if(age<18) document.write("You are NOT an adult <br />"); </script> </head> <body> </body> </html>
If…Else-Anweisung
Syntax:
if(condition) { lines of code to be executed if the condition is true } else { lines of code to be executed if the condition is false }
Sie können verwenden If….Else
-Anweisung, wenn Sie zwei Bedingungen überprüfen und einen anderen Codesatz ausführen müssen.
Probieren Sie es selbst aus:
<html> <head> <title>If...Else Statments!!!</title> <script type="text/javascript"> // Get the current hours var hours = new Date().getHours(); if(hours<12) document.write("Good Morning!!!<br />"); else document.write("Good Afternoon!!!<br />"); </script> </head> <body> </body> </html>
If…Else If…Else-Anweisung
Syntax:
if(condition1) { lines of code to be executed if condition1 is true } else if(condition2) { lines of code to be executed if condition2 is true } else { lines of code to be executed if condition1 is false and condition2 is false }
Sie können verwenden If….Else If….Else
-Anweisung, wenn Sie mehr als zwei Bedingungen überprüfen möchten.
Probieren Sie es selbst aus:
<html> <head> <script type="text/javascript"> var one = prompt("Enter the first number"); var two = prompt("Enter the second number"); one = parseInt(one); two = parseInt(two); if (one == two) document.write(one + " is equal to " + two + "."); else if (one<two) document.write(one + " is less than " + two + "."); else document.write(one + " is greater than " + two + "."); </script> </head> <body> </body> </html>