S04L01 - जावास्क्रिप्ट में फ़ॉर लूप

html

JavaScript में For Loops में महारत हासिल करना: शुरुआती लोगों के लिए एक व्यापक मार्गदर्शिका

विषय सूची

परिचय ......................................................................... पृष्ठ 1
JavaScript में For Loops को समझना ............ पृष्ठ 2
For Loops का सिंटेक्स .................................................... पृष्ठ 3
उदाहरण: बेसिक For Loop ........................................... पृष्ठ 4
For Loops बनाम Java .......................................................... पृष्ठ 5
For Loops के साथ Arrays पर Iterating ............... पृष्ठ 6
Loop वेरिएबल्स का स्कोप ......................................... पृष्ठ 7
कोड वॉकथ्रू .......................................................... पृष्ठ 8
निष्कर्ष ........................................................................... पृष्ठ 9
अतिरिक्त संसाधन .................................................. पृष्ठ 10


परिचय
Mastering For Loops in JavaScript में आपका स्वागत है, जो शुरुआती और JavaScript के बुनियादी ज्ञान वाले डेवलपर्स के लिए डिज़ाइन की गई एक व्यापक मार्गदर्शिका है। यह ईबुक for loops की मौलिक अवधारणा में गहराई से उतरती है, जो प्रोग्रामिंग में पुनरावृत्त कार्यों को नियंत्रित करने के लिए एक महत्वपूर्ण उपकरण है।
इस मार्गदर्शिका में, हम निम्नलिखित विषयों का अन्वेषण करेंगे:

for loops की संरचना और सिंटेक्स।
उनके उपयोग का प्रदर्शन करते हुए व्यावहारिक उदाहरण।
JavaScript for loops और Java में उनके बीच तुलना।
Arrays पर Iterating के लिए सर्वोत्तम अभ्यास।
Loop वेरिएबल्स के स्कोप को समझना।

इस ईबुक के अंत तक, आप अपने JavaScript प्रोजेक्ट्स में for loops को प्रभावी ढंग से लागू करने की ठोस समझ प्राप्त कर लेंगे, जिससे आपकी कोडिंग दक्षता और क्षमताओं में वृद्धि होगी।

JavaScript में For Loops को समझना
एक for loop एक नियंत्रण प्रवाह कथन है जो एक शर्त के आधार पर कोड को बार-बार निष्पादित करने की अनुमति देता है। यह विशेष रूप से संग्रहों पर Iterating के लिए उपयोगी है, जैसे कि arrays, या कोड के ब्लॉक को विशिष्ट बार निष्पादित करना।
For Loop के मुख्य घटक

Initialization: प्रारंभिक बिंदु सेट करता है, आमतौर पर एक loop काउंटर को परिभाषित करके।
Condition: निर्धारित करता है कि loop कितनी देर तक निष्पादित होगा।
Increment/Decrement: प्रत्येक Iteration के बाद loop काउंटर को अपडेट करता है।

For Loops का उपयोग क्यों करें?

Efficiency: पुनरावृत्त कार्यों को स्वचालित करता है बिना मैन्युअल हस्तक्षेप के।
Control: ठीक से परिभाषित करता है कि कोड के ब्लॉक को कितनी बार चलाना चाहिए।
Flexibility: आसानी से डेटा संरचनाओं जैसे arrays और objects पर Iterating करता है।


For Loops का सिंटेक्स
सिंटेक्स को समझना for loops का प्रभावी उपयोग करने के लिए बुनियादी है। यहां JavaScript में एक for loop की मूल संरचना है:




		
		
			
			
Java
			
			
for (initialization; condition; increment) {
    // निष्पादित होने वाला कोड
}

			
				
					
				
					1
2
3
4
5
				
						 
for (initialization; condition; increment) {
    // निष्पादित होने वाला कोड
}
 
					
				
			
		


सिंटेक्स का विश्लेषण

Initialization: let i = 0; – loop काउंटर i का प्रारंभिक मान सेट करता है।
Condition: i < 5; – loop तब तक चलता है जब तक यह शर्त true है।
Increment: i++ – प्रत्येक Iteration के बाद loop काउंटर को अपडेट करता है।

उदाहरण सिंटेक्स




		
		
			
			
Java
			
			
for (let i = 0; i &lt; 5; i++) {
    console.log(i);
}

			
				
					
				
					1
2
3
4
5
				
						 
for (let i = 0; i &lt; 5; i++) {
    console.log(i);
}
 
					
				
			
		


यह loop कंसोल में 0 से 4 तक के नंबर आउटपुट करेगा।

उदाहरण: बेसिक For Loop
आइए एक बेसिक for loop उदाहरण के माध्यम से इसकी कार्यक्षमता को बेहतर ढंग से समझें।
कोड उदाहरण




		
		
			
			
Java
			
			
for (let i = 0; i &lt; 5; i++) {
    console.log(i);
}

			
				
					
				
					1
2
3
4
5
				
						 
for (let i = 0; i &lt; 5; i++) {
    console.log(i);
}
 
					
				
			
		


स्टेप-बाय-स्टेप स्पष्टीकरण

Initialization: let i = 0;

एक अस्थायी वेरिएबल i को 0 मान के साथ इनिशियलाइज़ किया जाता है।


Condition: i < 5;

loop तब तक चलता रहेगा जब तक i 5 से कम है।


Increment: i++

प्रत्येक Iteration के बाद, i को 1 से बढ़ाया जाता है।


Execution: console.log(i);

i का वर्तमान मान कंसोल में लॉग किया जाता है।



आउटपुट




		
		
			
			
Java
			
			0
1
2
3
4
			
				
					
				
					1
2
3
4
5
				
						0
1
2
3
4
					
				
			
		



For Loops बनाम Java
JavaScript और Java में for loops के लिए समान सिंटेक्स साझा करते हैं, जिससे दोनों भाषाओं के बीच संक्रमण अपेक्षाकृत सुचारू होता है।
तुलना तालिका


विशेषता
JavaScript For Loop
Java For Loop


सिंटेक्स
for (let i = 0; i < 5; i++) { ... }
for (int i = 0; i < 5; i++) { ... }


वेरिएबल डेक्लेरेशन
let, const, या var
डेटा प्रकार निर्दिष्ट (जैसे int)


वेरिएबल का स्कोप
let और const के साथ ब्लॉक-स्कोप्ड
loop ब्लॉक तक सीमित


Arrays में उपयोग
सामान्यतः array length (array.length) के साथ उपयोग होता है
arrays और collections (array.length) के साथ उपयोग होता है


मुख्य निष्कर्ष

वेरिएबल डेक्लेरेशन: JavaScript let और const प्रदान करता है ब्लॉक-स्कोपिंग के लिए, जबकि Java में डेटा प्रकार निर्दिष्ट करना आवश्यक है।
लचीलापन: JavaScript की डायनामिक टाइपिंग loop वेरिएबल के उपयोग में अधिक लचीलापन प्रदान करती है।
स्कोप प्रबंधन: दोनों भाषाएँ loop वेरिएबल्स के स्कोप को loop तक सीमित करती हैं, अनपेक्षित साइड इफेक्ट्स को रोकती हैं।


For Loops के साथ Arrays पर Iterating
For loops के लिए सबसे सामान्य उपयोग मामलों में से एक arrays पर Iterating करना है। यह आपको प्रत्येक तत्व तक व्यवस्थित रूप से पहुँचने की अनुमति देता है।
उदाहरण: एक Array पर Iterating करना




		
		
			
			
Java
			
			
const names = ["Tom", "Mary", "Jasmine", "Chand"];

for (let i = 0; i &lt; names.length; i++) {
    console.log(names[i]);
}

			
				
					
				
					1
2
3
4
5
6
7
				
						 
const names = ["Tom", "Mary", "Jasmine", "Chand"];
 
for (let i = 0; i &lt; names.length; i++) {
    console.log(names[i]);
}
 
					
				
			
		


स्पष्टीकरण

Array डिक्लेरेशन: const names = ["Tom", "Mary", "Jasmine", "Chand"];

एक array names चार तत्वों के साथ इनिशियलाइज़ किया जाता है।


Loop सेटअप:

Initialization: let i = 0;
Condition: i < names.length; – सुनिश्चित करता है कि loop array की लंबाई तक चलता है।
Increment: i++ – प्रत्येक Iteration में अगले इंडेक्स पर जाता है।


Elements तक पहुँच: names[i]

वर्तमान इंडेक्स i पर array के तत्व तक पहुँचता है।



आउटपुट




		
		
			
			
Java
			
			Tom
Mary
Jasmine
Chand
			
				
					
				
					1
2
3
4
				
						Tom
Mary
Jasmine
Chand
					
				
			
		



Loop वेरिएबल्स का स्कोप
for loops के भीतर वेरिएबल्स के स्कोप को समझना स्वच्छ और त्रुटि-मुक्त कोड लिखने के लिए आवश्यक है।
For Loops में वेरिएबल स्कोप

let और const के साथ ब्लॉक स्कोप: let या const के साथ घोषित वेरिएबल्स एक for loop के ब्लॉक तक सीमित होते हैं। इसका मतलब है कि वे loop के बाहर एक्सेस नहीं किए जा सकते, जिससे संभावित संघर्षों या अप्रत्याशित व्यवहार को रोका जा सकता है।

उदाहरण




		
		
			
			
Java
			
			
for (let i = 0; i &lt; 3; i++) {
    console.log(i); // यहाँ एक्सेस किया जा सकता है
}

console.log(i); // ReferenceError: i is not defined

			
				
					
				
					1
2
3
4
5
6
7
				
						 
for (let i = 0; i &lt; 3; i++) {
    console.log(i); // यहाँ एक्सेस किया जा सकता है
}
 
console.log(i); // ReferenceError: i is not defined
 
					
				
			
		


स्पष्टीकरण

loop के अंदर, i एक्सेस किया जा सकता है और 0, 1, और 2 के मान लॉग करता है।
loop के बाहर, i तक पहुँचने का प्रयास करने से ReferenceError होता है क्योंकि i उस स्कोप में परिभाषित नहीं है।

उचित स्कोप प्रबंधन के लाभ

ग्लोबल पॉल्यूशन को रोकता है: वेरिएबल्स सीमित रहते हैं, जिससे कोड के अन्य हिस्सों के साथ ओवरराइटिंग या संघर्ष के जोखिम को कम किया जाता है।
रीडेबिलिटी बढ़ाता है: स्पष्ट वेरिएबल स्कोप कोड को समझने और बनाए रखने को आसान बनाता है।
Bugs को कम करता है: सीमित स्कोप अनपेक्षित साइड इफेक्ट्स की संभावनाओं को कम करता है।


कोड वॉकथ्रू
आइए हमारे for loops की समझ को मजबूत करने के लिए प्रदान किए गए कोड उदाहरणों में गहराई से जाएं।
उदाहरण 1: बेसिक For Loop




		
		
			
			
Java
			
			
for (let i = 0; i &lt; 5; i++) {
    console.log(i);
}

			
				
					
				
					1
2
3
4
5
				
						 
for (let i = 0; i &lt; 5; i++) {
    console.log(i);
}
 
					
				
			
		


स्टेप-बाय-स्टेप निष्पादन

Initialization: let i = 0; – i को 0 पर सेट किया जाता है।
Condition Check: i < 5; – क्या 0 < 5? हाँ।
Execute Block: console.log(i); – 0 लॉग करता है।
Increment: i++ – i को 1 कर देता है।
जब तक i 5 तक नहीं पहुँचता, चरण 2-4 को दोहराएं।

आउटपुट




		
		
			
			
Java
			
			0
1
2
3
4
			
				
					
				
					1
2
3
4
5
				
						0
1
2
3
4
					
				
			
		


उदाहरण 2: एक Array पर Iterating करना




		
		
			
			
Java
			
			
const names = ["Tom", "Mary", "Jasmine", "Chand"];

for (let i = 0; i &lt; names.length; i++) {
    console.log(names[i]);
}

			
				
					
				
					1
2
3
4
5
6
7
				
						 
const names = ["Tom", "Mary", "Jasmine", "Chand"];
 
for (let i = 0; i &lt; names.length; i++) {
    console.log(names[i]);
}
 
					
				
			
		


स्टेप-बाय-स्टेप निष्पादन

Array Initialization: const names = ["Tom", "Mary", "Jasmine", "Chand"]; – चार स्ट्रिंग्स के साथ एक array names बनाता है।
Initialization: let i = 0; – पहले तत्व से शुरू होता है।
Condition Check: i < names.length; – array की लंबाई तक loop चलता रहता है।
Execute Block: console.log(names[i]); – वर्तमान नाम को लॉग करता है।
Increment: i++ – अगले इंडेक्स पर जाता है।
जब तक सभी नाम लॉग नहीं हो जाते, दोहराएँ।

आउटपुट




		
		
			
			
Java
			
			Tom
Mary
Jasmine
Chand
			
				
					
				
					1
2
3
4
				
						Tom
Mary
Jasmine
Chand
					
				
			
		


Comments के साथ कोड




		
		
			
			
Java
			
			
// नामों की array इनिशियलाइज़ करें
const names = ["Tom", "Mary", "Jasmine", "Chand"];

// for loop शुरू करें जिसमें i 0 से शुरू होता है
for (let i = 0; i &lt; names.length; i++) {
    // वर्तमान नाम को कंसोल में लॉग करें
    console.log(names[i]);
}

			
				
					
				
					1
2
3
4
5
6
7
8
9
10
				
						 
// नामों की array इनिशियलाइज़ करें
const names = ["Tom", "Mary", "Jasmine", "Chand"];
 
// for loop शुरू करें जिसमें i 0 से शुरू होता है
for (let i = 0; i &lt; names.length; i++) {
    // वर्तमान नाम को कंसोल में लॉग करें
    console.log(names[i]);
}
 
					
				
			
		


स्टेप-बाय-स्टेप स्पष्टीकरण

Array डिक्लेरेशन: चार स्ट्रिंग्स वाली एक array नामित names बनाता है।
For Loop Initialization: let i = 0; loop काउंटर i को 0 पर इनिशियलाइज़ करता है।
Condition: i < names.length; सुनिश्चित करता है कि loop तब तक चलता है जब तक i array names की लंबाई (4) से कम है।
Loop Body: console.log(names[i]); वर्तमान इंडेक्स i पर array के तत्व को प्रिंट करता है।
Increment: i++ प्रत्येक Iteration के बाद i के मान को 1 से बढ़ाता है।

प्रोजेक्ट आउटपुट
जब उपरोक्त कोड को लाइव सर्वर पर चलाया जाता है और कंसोल की जाँच की जाती है, तो आउटपुट निम्नलिखित होगा:




		
		
			
			
Java
			
			Tom
Mary
Jasmine
Chand
			
				
					
				
					1
2
3
4
				
						Tom
Mary
Jasmine
Chand
					
				
			
		



निष्कर्ष
इस ईबुक में, हमने JavaScript में for loops के आवश्यक पहलुओं का अन्वेषण किया है, जो पुनरावृत्त कार्यों को नियंत्रित करने और डेटा संरचनाओं पर Iterating करने के लिए एक मौलिक उपकरण है।
मुख्य निष्कर्ष

For loops में initialization, condition, और increment/decrement शामिल होते हैं।
वे Java में समान सिंटेक्स वाले होते हैं, जिससे दोनों भाषाओं के बीच संक्रमण करने वाले डेवलपर्स के लिए सीखने की प्रक्रिया आसान होती है।
For loops arrays पर Iterating के लिए अनमोल हैं, जिससे प्रत्येक तत्व तक व्यवस्थित रूप से पहुँचने की अनुमति मिलती है।
loop वेरिएबल्स के उचित स्कोप प्रबंधन से अनपेक्षित साइड इफेक्ट्स रोके जाते हैं और कोड की पठनीयता बढ़ती है।
for loops को समझना और प्रभावी ढंग से लागू करना आपकी कोडिंग दक्षता और प्रोजेक्ट के परिणामों में काफी सुधार ला सकता है।

Call to Action
विभिन्न loop परिदृश्यों का अभ्यास करके और उन्नत loop संरचनाओं, जैसे for...of और forEach, का अन्वेषण करके अपने JavaScript कौशल को बढ़ाएं। हमारे अगले ईबुक के लिए बने रहें, जहाँ हम while loops और उनके अनुप्रयोगों में गहराई से चर्चा करेंगे।
SEO Keywords: JavaScript for loop, for loop tutorial, JavaScript loops for beginners, iterating arrays in JavaScript, for loop syntax, for loop vs while loop, JavaScript programming, loop variable scope, JavaScript for loop example, understanding for loops

अतिरिक्त संसाधन

Mozilla Developer Network (MDN) - For Loop
JavaScript.info - Loops
W3Schools - JavaScript For Loops
Eloquent JavaScript - Chapter on Iteration

Note: यह लेख एआई द्वारा जनित है।
विशेषता	JavaScript For Loop	Java For Loop
सिंटेक्स	`for (let i = 0; i < 5; i++) { ... }`	`for (int i = 0; i < 5; i++) { ... }`
वेरिएबल डेक्लेरेशन	`let`, `const`, या `var`	डेटा प्रकार निर्दिष्ट (जैसे `int`)
वेरिएबल का स्कोप	`let` और `const` के साथ ब्लॉक-स्कोप्ड	loop ब्लॉक तक सीमित
Arrays में उपयोग	सामान्यतः array length (`array.length`) के साथ उपयोग होता है	arrays और collections (`array.length`) के साथ उपयोग होता है