Loop in Javascript in Hindi
programming में जब किसी कोड या किसी वाक्य को बार बार लिखना पड़े तो ये बहोत ही परेसानी वाली बात होगी | इस समस्या को दूर करता है loop |
loop के जरिया कोई कोड तब तक चलता रहेगा जब तक उसमे दी condition true होती रहेगी | जैसे किसी का नाम ५० बार लिखना है | तो condition में 50 तक चलने का कोड लिख कर बस 2-3 line के जरिये उस नाम को 50 बार print की जा सकती है |
javascript loop hindi tutorial में हम loop के बारे में जानेंगें और इसके सभी types उदाहरण के जरिए समझेंगें |
types of loop (javascript में loops के प्रकार)
javascript में 5 तरह की loop होती है और ये statement execute करना और condition checking के basis पे एक दुसरे से अलग होतें हैं |
- while loop
- do while loop
- for loop
- for/in loop
- forEach loop
हर loop 3 चीजें जरू रहती हैं और वो हैं initialization, condition, increment/decrement
initialization: ये loop की सुरुआती value बताती है | यानी कोनसी value से कोड execute करना सुरु करेगी |
उदाहरण : var i=1;
condition: ये loop को कितनी बार चलाना है वो बताती है | कोनसी condition true होने पर कोड execute करेगी या फिर कोड loop से बाहार आएगी ये इसमें बताई जाती है |
उदाहरण: i<=50;
increment/decrement: ये initialize value को बढाने या घटाने के लिए इस्तेमाल होता है | जिससे फिर loop की progress होती है |
उदाहरण: i++;
notepoint: loop में increment/ decrement लगाना जरुरी है वरना loop से कोड exit नहीं कर पाएगी और ये loop infinite बन जायेगी |
loop में इन initialization, condition, increment/decrement का प्रयोग कैसे करेंगे वो loop types के उदाहरण में समझेंगे |
अब चलिए javascript के सारे loops को समझतें हैं उदाहरण के साथ |
while loop
while loop में पेहले condition लिखी जाती है और condition true होने के basis पे loop के अंदर की कोड run होती है |
while loop Syntax:
while(condition)
{
statements;
}
उदाहरण
<html>
<head>
<title>while loop example</title>
<script>
let a=1; // initialization
while(a<=10) // condition
{
document.write(a +"<br>");
a++; //increment
}
</script>
</head>
<body>
</body>
</html>
javascript do-while loop
do-while loop में पेहले कोड run होता है उसके बाद condition चेक होता है | और ये loop तब तक चलता है जब तक condition true होता रहता है |
do-while loop Syntax:
do{
statements;
}
while(condition);
उदाहरण
<html>
<head>
<title>while loop example</title>
<script>
let a=1;//initialization
do{
document.write(a +"<br>");
a++; //increment
}
while(a<=10);//loop condition
</script>
</head>
<body>
</body>
</html>
while और do-while loop में क्या अंतर है?
| while loop | do-while loop |
| while loop में पेहले condition check होती है और अगर condition true हुयी तब जाके loop के अन्दर लिखी कोड execute होती है | | पर do-while loop में पेहले कोड run होती है उसके बाद condition check होती है | और अगर condition true नहीं हुयी तो आगे कोड run नहीं होगी | |
| while loop में condition check होने के बाद ही code run होगी | | पर do-while loop में code एक बार तो code execute होती ही है चाहे condition true हो या false | |
उदाहरण:
<html>
<head>
<script>
var i=50;
while(i<=10)
{
document.write("value is: "+ i);
i++;
}
document.write("loop exit");
</script>
</head>
<body>
</body>
</html>
उदाहरण:
<html>
<head>
<script>
var i=50;
do{
document.write("value is: "+ i);
i++;
}
while(i<=10)
document.write("<br> loop exit");
</script>
</head>
<body>
</body>
</html>
ऊपर के उदाहरण में देखिये do-while loop में एक बार value print हुआ और फिर condition false होने की वजह से दुबारा loop block execute नहीं हुआ | पर while loop में condition चेक होते ही कोड loop block से बाहार निकल गया और एक बार भी value print नहीं हुआ |
for loop
for loop भी while loop की तरह काम करता है | पर इसे लिखने का तरीका अलग है | जब for loop सुरु करते हैं तब ही initialization, condition और increment/decrement expression एक ही line में लिखी जाती है |
Syntax:
for(initialization; condition; increment) {
statements;
}
उदाहरण
<html>
<head>
<script>
for(var i=1; i<=10; i++)
{
document.write("number is : " + i + "<br>");
}
</script>
</head>
<body>
</body>
</html>
उदाहरण में देखिये हमने 1 से लेकर 10 तक loop चलाया है और value को print करवाया है | इसीलिए initialization 1 से हुआ और condition check में value को 10 से कम या बराबर है, वो चेक किया गया है | जैसे ही loop एक बार execute होगा तो i की value 1 से बढ़ जायेगी यानी i= i+1 होगी | अब इसकी आउटपुट निचे देखते हैं |
result
for loop in array
javascript program में ज्यादातर for loop का उपयोग array के साथ होता है | array के elements को access करने के लिए और उस element का प्रोयोग कुछ अन्य कोड में लगाने के लिए loop की सहयोग ली जाती है |
तो चलिए एक उदाहरण से for loop को array में लगाना सीखें |
<html>
<head>
<script>
var numarray = [90, 60, 80, 50, 40, 20];
var total = 0;
for(var i=0; i<=numarray.length-1; i++)
{
var num = numarray[i];
total = total + num;
document.write("Number"+(i+1)+": "+ num + "<br>");
}
document.write("<br>Total Number :"+total);
</script>
</head>
<body>
</body>
</html>
output
ऊपर के उदाहरण में हमने numarray नाम का एक array लिया है और इसे for में run करके इसकी सारी नंबर को निकाला है और सारे numbers को जोड़ कर उसका total किया है |
numarray.length से array में कितने elements है वो जाना जाता है | जैसे की पेहले हमने पढ़ा है javascript में गिनती 0 से सुरु होती है | इसीलिए array के लिए loop 0 से लेकर numarray.length-1 तक चली | var i एक variable है जिसमे array की index position store हुयी | और numarray[i] के जरिये array की हर एक value को जाना |
numarray[0] पेहली array value बताएगी और numarray[1] दूसरी array value बताएगी | तो सारे value जानने के लिए i variable को ली गयी जो array के सारे index को बताएगी |
variable आप किसी भी नाम की ले सकते हैं, हमने यहाँ i नाम की ली है |
Javascript forEach loop in Hindi
forEach loop का उपयोग ज्यादातर array के साथ किया जाता है | for loop के मुकाबले forEach ज्यादा आसान होता है और इसमें कोड भी कम लिखना पड़ता है |
for loop में पेहले एक variable लेना पड़ता है और उसे initialize करना पड़ता है | फिर array का length निकालो और loop को run करो ऐसे कई steps ज्यादा हो जाते हैं |
पर forEach loop एक method की तरह काम करता है जो array के नाम के साथ direct इस्तेमाल किया जा सकता है |
उदाहरण
<html>
<head>
<script>
var numarray = [90, 60, 80, 50, 40, 20];
numarray.forEach(function(value){
document.write(value + "<br>");
});
</script>
</head>
<body>
</body>
</html>
ऊपर के उदाहरण में देखिये numarray नाम का एक array लिया गया है | और numarray के साथ forEach का उपयोग एक method की तरह हुआ है | forEach method एक function को call करता है, जो array के हर एक element के लिए execute होता है | array के elements को पाने के लिए एक variable लिया जाता है | हमने यहाँ value नाम का एक variable लिया है जो array की सारे elements को एक एक करके print करेगा |
output
forEach में जिस function को call करते हैं उसे हम बाहार भी बना सकते हैं और उस function का नाम forEach method के अंदर call कर सकते हैं | array के सारे element को execute करने के लिए एक variable लेना जरुरी है | और अगर हम उस element की index position जानना चाहतें हैं तो function में और एक parameter ले सकतें हैं, जो index position को बताएगा |
array_name.forEach(function(element, index)
{
statements;
});
ऊपर के syntax में देखिये forEach के अन्दर जो function लिया गया है उसमे पहला parameter array के हर element को बताएगा और दूसरा parameter index position को बताएगा | आप इन दोनों parameters के जगह कोई भी नाम का variable ले सकतें |
अब चलिए एक उदाहरण देखतें हैं जहाँ function बाहार बनायेंगे और उस function को forEach method के अंदर call करेंगे |
उदाहरण
<html>
<head>
<script>
var arr = ["Sun", "Mon", "Tue", "Wed", "Thr", "Fri", "Sat"];
arr.forEach(getdays);
function getdays(value, index)
{
document.write(index +": "+ value + "<br>");
}
</script>
</head>
<body>
</body>
</html>
उदाहरण में देखिये हमने getdays() नाम का एक function बनाया है और उसे forEach method में call किया है | और ये function array की सारे elements के साथ उसकी index position को भी बता रहा है |
output
for/in loop in javascript
for/in loop का उपयोग object के लिए किया जाता है | object एक ऐसा collection है जिसमे data [key, value] pair में होता है | इसीलिए keys और उसकी values को आसानी से पाने के लिए for/in loop काम में आता है |
for/in loop syntax
for(var in object){
statements;
}
syntax में देखिये for/in loop में एक variable लेंगे जो object के हर key को access करेगा और उस key के value के साथ जो कोड run करना है उसे loop के अन्दर लिखेंगे |
उदाहरण
<html>
<head>
<script>
var student = {firstName: "Amit",
lastName: "Bedi",
Age: 12,
Class: 8,
Section:'A'
}
for(var key in student)
{
document.write(student[key]+"<br>");
}
</script>
</head>
<body>
</body>
</html>
उदाहरण में देखिये हमने student का एक object लिया है जिसमे student की सारी details [key,value] pairs से लिखी गयी है | for/in loop में key variable के जरिये object की हर value को access कियें हैं और उसे print करवाया है | value पाने के लिए object का नाम के साथ for/in variable को [] square bracket के अंदर लिखी जाती है | जैसे हमने यहाँ student[key] लिखे हैं |
output
