Introduction of javascript Conditional Statements
इस लेख मे हम Javascript Conditional statements के बारे मे जानेंगे। यह सबसे ज्यादा use किए जानेवाला statement है।
Conditional Statements Types
Javascript मे different types के Conditional statements है। जैसे की
- if statement
- else statement
- else if statement
- switch statement
इन सभी statements के बारे मे हम detail मे जानेंगे।
Javascript if statement
if statement जब condition true होती है तब code execute होता है। अगर condition false होगी तो code execute नहीं होगा।
syntax
if (condition) {
// जब condition true होगी तब code execute होगा
}यहा if को small letter मे लिखना होगा। इसको आप If या IF नहीं लिख सकते।
उदाहरण
<!DOCTYPE html>
<html>
<body>
<p>javascript Conditional Statements</p>
<p>if statement</p>
<p id="one"></p>
<script>
var a = 5, b = 7;
if(a < b){
document.write("a is less than b");
}
</script>
</body>
</html>
Javascript else Statement
if statement जब condition true होती है तब code execute होता है। अगर condition false होगी तो else का code execute होगा।
syntax
if (condition) {
// जब condition true होगी तब code execute होगा
} else {
// जब condition false होगी तब code execute होगा
}उदाहरण
<!DOCTYPE html>
<html>
<body>
<p>javascript Conditional Statements</p>
<p>else statement</p>
<p id="one"></p>
<script>
var a = 5, b = 3;
if(a < b){
document.write("a is less than b");
}
else{
document.write("a is greater than b");
}
</script>
</body>
</html>
Javascript else if Statement
इसकी मदद से आप multiple conditions को check कर सकते है।
syntax
if (condition1) {
// जब condition true होगी तब code execute होगा
} else if (condition2) {
// जब condition1 false होगी और condition2 true होगी तब code execute होगा
} else {
// जब सभी condition false होगी तब code execute होगा
}उदाहरण
<!DOCTYPE html>
<html>
<body>
<p>javascript Conditional Statements</p>
<p>else if statement</p>
<p id="one"></p>
<script>
var a = 5, b = 3;
if(a < b){
document.write("a is less than b");
}
else if(a > b){
document.write("a is greater than b");
}
else{
document.write("a is equal to b");
}
</script>
</body>
</html>
Javascript Switch Statement
Switch Statement की मदद से आप बहुत से code block मे से किसी एक code block को execute कर सकते है।
syntax
switch(expression) {
case 1:
// code block
break;
case 2:
// code block
break;
case 3:
// code block
break;
default:
// code block
}यहा सबसे पहले switch expression को evaluate करेंगे।
उसके बाद expression की value को case की value के साथ compare किया जाता है।
अगर expression की value किसी case की value से match होती है तो वो code execute होगा।
यहा break keyword के जरिये आप execution से बाहर निकलते है।
अगर कोई भी case match नहीं होगा तो default keyword वाला code block execute होगा।
उदाहरण
<!DOCTYPE html>
<html>
<body>
<p>javascript Conditional Statements</p>
<p>switch statement</p>
<p id="one"></p>
<script>
var num;
switch (32) {
case 28:
num = "This is 28";
break;
case 32:
num = "This is 32";
break;
case 65:
num = "This is 65";
break;
default:
num = "Number is not valid";
}
document.getElementById("one").innerHTML=num;
</script>
</body>
</html>
same Code Blocks
कई बार different cases के लिये same code block का इस्तेमाल करने की जरूरत पड़ती है।
तो इसे आप इस तरह define कर सकते है।
उदाहरण
<!DOCTYPE html>
<html>
<body>
<p>switch statement</p>
<p id="one"></p>
<script>
var text;
switch (new Date().getDay()) {
case 1:
case 2:
case 3:
case 4:
case 5:
text = "it is working days";
break;
case 0:
case 6:
text = "It is Weekend";
break;
}
document.getElementById("one").innerHTML = text;
</script>
</body>
</html>
यहा case 1, 2, 3, 4, और 5 के same code block है और case 0, 6 ये दोनों का same code block है।
अगर आप ने break keyword का इस्तेमाल नहीं किया है तो जो statement true होगी वह execution stop नहीं होगा। बल्कि जहा break keyword होगा वही statement true होगी।
उदाहरण
<!DOCTYPE html>
<html>
<body>
<p>switch statement</p>
<p id="one"></p>
<script>
var num;
switch (32) {
case 28:
num = "This is 28";
break;
case 32:
num = "This is 32";
case 65:
num = "This is 65";
break;
default:
num = "Number is not valid";
}
document.getElementById("one").innerHTML=num;
</script>
</body>
</html>