इस ट्यूटोरियल में, आप उदाहरणों की मदद से लूप फॉर… लूप के बारे में जानेंगे।
जावास्क्रिप्ट में, तीन तरीके हैं जो हम एक forलूप का उपयोग कर सकते हैं ।
- लूप के लिए जावास्क्रिप्ट
- जावास्क्रिप्ट के लिए … पाश में
- जावास्क्रिप्ट के लिए … पाश की
for… ofलूप के बाद के संस्करणों में पेश किया गया था जावास्क्रिप्ट ES6 ।
for… ofजावास्क्रिप्ट में पाश iterable वस्तुओं (सरणियों, सेट, नक्शे, तार आदि) पर पुनरावृति करने की अनुमति देता है।
जावास्क्रिप्ट के लिए … पाश की
for… ofलूप का सिंटैक्स है:
for (element of iterable) ( // body of for… of )
यहाँ,
- iterable - एक iterable ऑब्जेक्ट (सरणी, सेट, स्ट्रिंग्स, आदि)।
- तत्व - पुनरावृत्तियों में आइटम
सादे अंग्रेजी में, आप ऊपर दिए गए कोड को निम्नानुसार पढ़ सकते हैं: चलने योग्य में प्रत्येक तत्व के लिए, लूप के शरीर को चलाएं।
Arrays के साथ … के लिए
for… ofपाश एक सरणी से अधिक पुनरावृति करने के लिए इस्तेमाल किया जा सकता। उदाहरण के लिए,
// array const students = ('John', 'Sara', 'Jack'); // using for… of for ( let element of students ) ( // display the values console.log(element); )
आउटपुट
जॉन सारा जैक
उपरोक्त कार्यक्रम में, for… ofलूप का उपयोग छात्रों की सरणी ऑब्जेक्ट पर पुनरावृति करने और इसके सभी मूल्यों को प्रदर्शित करने के लिए किया जाता है।
स्ट्रिंग्स के साथ … के लिए
आप for… ofस्ट्रिंग मानों पर पुनरावृति करने के लिए लूप का उपयोग कर सकते हैं । उदाहरण के लिए,
// string const string = 'code'; // using for… of loop for (let i of string) ( console.log(i); )
आउटपुट
कोड
सेट्स के साथ … के लिए
आप for… ofलूप का उपयोग करके सेट तत्वों के माध्यम से पुनरावृति कर सकते हैं । उदाहरण के लिए,
// define Set const set = new Set((1, 2, 3)); // looping through Set for (let i of set) ( console.log(i); )
आउटपुट
१ २ ३
नक्शे के साथ … के लिए
आप for… ofपाश का उपयोग करके मैप तत्वों के माध्यम से पुनरावृति कर सकते हैं । उदाहरण के लिए,
// define Map let map = new Map(); // inserting elements map.set('name', 'Jack'); map.set('age', '27'); // looping through Map for (let (key, value) of map) ( console.log(key + '- ' + value); )
आउटपुट
नाम- जैक उम्र- 27
उपयोगकर्ता परिभाषित Iterators
आप मैन्युअल रूप for… ofसे पुनरावृत्त बना सकते हैं और पुनरावृत्तियों के माध्यम से लूप का उपयोग कर सकते हैं । उदाहरण के लिए,
// creating iterable object const iterableObj = ( // iterator method (Symbol.iterator)() ( let step = 0; return ( next() ( step++; if (step === 1) ( return ( value: '1', done: false); ) else if (step === 2) ( return ( value: '2', done: false); ) else if (step === 3) ( return ( value: '3', done: false); ) return ( value: '', done: true ); ) ) ) ) // iterating using for… of for (const i of iterableObj) ( console.log(i); )
आउटपुट
१ २ ३
जेनरेटर के साथ … के लिए
चूँकि जनरेटर पुनरावृत्तियाँ हैं, आप आसान तरीके से पुनरावृत्त को लागू कर सकते हैं। फिर आप for… ofलूप का उपयोग करके जनरेटर के माध्यम से पुनरावृति कर सकते हैं । उदाहरण के लिए,
// generator function function* generatorFunc() ( yield 10; yield 20; yield 30; ) const obj = generatorFunc(); // iteration through generator for (let value of obj) ( console.log(value); )
आउटपुट
१० २० ३०
के लिए … बनाम के लिए … में
| के लिए | में लिए |
|---|---|
for… ofपाश एक iterable के मूल्यों के माध्यम से पुनरावृति किया जाता है। | for… inपाश एक वस्तु की कुंजी के माध्यम से पुनरावृति किया जाता है। |
for… ofपाश एक वस्तु से अधिक पुनरावृति करने के लिए इस्तेमाल नहीं किया जा सकता। | आप for… inएक पुनरावृत्त ऐसे सरणियों और तारों पर पुनरावृति करने के लिए उपयोग कर सकते हैं लेकिन आपको पुनरावृत्तियों के लिए उपयोग करने से बचना चाहिए for… in। |
ईएस 6 में for… ofलूप पेश किया गया था । कुछ ब्राउज़र इसके उपयोग का समर्थन नहीं कर सकते हैं। अधिक जानने के लिए, समर्थन के लिए जावास्क्रिप्ट पर जाएँ।
