JavaScript Conditional Statement in Hindi –
किसी भी अन्य Programming language की तरह ही JavaScript में भी 4 तरह के conditional statement होते हैं जो निम्न हैं-
1- if statement –
if statement का syntax निम्न प्रकार का होता है। इसमें body या block of code तभी execute होते हैं जब condition true होती है –
syntax –
if (condition)
{
//block of code
}2- if-else statement-
if statement का syntax निम्न प्रकार का होता है। इसमें block of code दो जगह लिखा जाता है एक तो if part में तथा दूसरा else part में। जब condition true होती है तो if part वाला code execute होता है जबकि condition false होने पर else part वाला code execute होता है।
Syntax - if (condition)
{
//condition true होने पर block of code जो execute होगा
}
else
{
//condition false होने पर block of code जो execute होगा
}
3- else-if statement –
else – if statement का प्रयोग तब किया जाता है जब if statement की पहली condition के false होने की संभावना हो और हमें किसी दूसरी कंडीशन के true होने पर उससे सम्बंधित code – block को execute करवाना हो। इसका syntax निम्न प्रकार का होता है –
if (first condition)
{
//block of code
}
else if (second condition)
{
//block of code
}
else
{
//block of code
}
4- switch statement –
switch statement अलग – अलग conditions के आधार पर अलग – अलग actions perform करता है। if statement का syntax निम्न प्रकार का होता है, जंहा दिखाया गया है कि switch अपने expression के आधार पर कई code blocks में से एक code block को चुनता है तथा उसे execute करता है।
switch (expression) {
case 0:
//code of block
break;
case 1:
//code of block
break;
case 2:
//code of block
break;
case 3:
//code of block
default:
//code of block
}
switch का expression केवल एक ही बार execute होता है, उसके बाद switch expression प्रत्येक case की value के साथ compare किआ जाता है। अगर यह switch expression किसी case value से match करता है तो वह block-code execute हो जाता है और यदि switch expression किसी case value से match नहीं करता है तो default वाला code-block execute हो जाता है।
if else और switch के प्रयोग को हम निम्न उदाहरण से समझ सकते हैं –
<!DOCTYPE html>
<html>
<head>
<style>
body {
color:black
}
h1 {
background-color:black;
color:white;
}
</style>
</head>
<body>
<h1 style="text-decoration: underline; text-align:left;">www.aforapple.co.in</h1>
<h2>JavaScript Conditional Statements</h2>
<p>Use of if-else and switch </p>
<p id="demo"></p>
<p>Now you are in switch and case of switch will execute according to value of i</p>
<p id="demo1"></p>
<script>
let i = 1, s;
if (i <2 ) {
s = i;
i = "Execution of if part";
switch (s){
case 0:
s = "case 0 executed and valuse of i = 0";
break;
case 1:
s = "case 1 executed and valuse of i = 1";
break;
case 2:
s = "case 2 executed and valuse of i = 2";
break;
default :
s = "Here no any case according to the value of i";
}
} else if (i < 3) {
s =i;
i = "Execution of else if part";
switch (s){
case 0:
s = "case 0 executed and valuse of i = 0";
break;
case 1:
s = "case 1 executed and valuse of i = 1";
break;
case 2:
s = "case 2 executed and valuse of i = 2";
break;
default :
s = "Here no any case according to the value of i";
}
} else {
s = i;
i = "Execution of else part";
switch (s){
case 0:
s = "case 0 executed and valuse of i = 0";
break;
case 1:
s = "case 1 executed and valuse of i = 1";
break;
case 2:
s = "case 2 executed and valuse of i = 2";
break;
default :
s = "Here no any case according to the value of i";
}
}
document.getElementById("demo").innerHTML = i
document.getElementById("demo1").innerHTML = s;
</script>
</body>
</html>
Output –
JavaScript loop for-
किसी भी अन्य programming language की ही तरह JavaScript में भी loop का प्रयोग किसी code – block को कई बार एक निश्चित संख्या तक execute करने में प्रयोग किआ जाता है। for loop का syntax निम्न प्रकार का होता है-
For (initialization; condition; increment/decrement)
{
//code of block
}
JavaScript break statement–
JavaScript में भी break का प्रयोग वही होता है जो किसी भी दूसरी programming language में होता है। यहां भी ब्रेक का प्रयोग loop से या switch statement से बहार आने में किआ जाता है। इसे हम निम्न उदाहरण से समझ सकते हैं –
<!DOCTYPE html>
<html>
<head>
<style>
body {
color:black
}
h1 {
background-color:black;
color:white;
}
</style>
</head>
<body>
<h1 style="text-decoration: underline; text-align:left;">www.aforapple.co.in</h1>
<h2>Use of for loop with and without break </h2>
<p>Printing Number from 0 to 10 using for loop</p>
<p id="test1"></p>
<p>Printing Number from 0 to 4 using the same for loop after using break in it</p>
<p id="test2"></p>
<script>
let x = "";
for (let i = 0; i <= 10; i++) {
x = x + i + "<br>";
}
document.getElementById("test1").innerHTML = x;
let y = "";
for (let i = 0; i <= 10; i++) {
if (i == 5) { break; }
y = y + i + "<br>";
}
document.getElementById("test2").innerHTML = y;
</script>
</body>
</html>
Output –
इस पोस्ट के पहले मैंने और भी कई पोस्ट लिखी हैं, जैसे की HTML , Microsoft Excel , Gmail , JavaScript आदि, आप अपने इच्छा के अनुसार इन्हे देख सकते है।