अवधारणा हाइलाइट्स:

1. के लिए...का और के लिए...में लूप्स
का उपयोग करना
2. Set() और Array, Map() और ऑब्जेक्ट्स, और Set() और मानचित्र()

1. लूप्स में for...of और for... का उपयोग करना

लूपिंग प्रोग्रामिंग में एक मौलिक अवधारणा है, जो कोड के एक ब्लॉक को कई बार निष्पादित करने की अनुमति देती है। जावास्क्रिप्ट में, for...of और for...in दो सामान्य रूप से उपयोग किए जाने वाले लूप हैं, लेकिन वे अलग-अलग उद्देश्यों को पूरा करते हैं। अंतरों को समझने से आपको अधिक कुशल और प्रभावी कोड लिखने में मदद मिल सकती है।

1.1 लूप के लिए

for...of लूप का उपयोग पुनरावृत्त वस्तुओं, जैसे सरणियों, स्ट्रिंग्स, मानचित्रों और सेटों पर पुनरावृति करने के लिए किया जाता है। यह सूचकांक के बारे में चिंता किए बिना अनुक्रम में प्रत्येक मान तक पहुंचने का एक सीधा तरीका प्रदान करता है।

उदा.)

let teams = ['Red Sox', 'Dodgers', 'Padres']; 

for (let team of teams) {
   console.log(team);
}

// Output: 
// Read Sox
// Dodgers
// Padres

इस उदाहरण में, for...of सीधे टीमों के सरणी में प्रत्येक तत्व (टीम) तक पहुंचता है और इसे कंसोल पर लॉग करता है। यह लूप तब आदर्श होता है जब आपको केवल मूल्यों की आवश्यकता होती है, सूचकांकों की नहीं।

1-2. लूप में... के लिए

दूसरी ओर, for...in लूप का उपयोग किसी ऑब्जेक्ट के गुणों (कुंजियों) को पुनरावृत्त करने के लिए किया जाता है। इसका उपयोग अक्सर वस्तुओं के साथ किया जाता है, लेकिन इसका उपयोग सूचकांकों तक पहुंचने के लिए सरणियों के साथ भी किया जा सकता है।

उदा.)

let Mariners = {place: 'Seattle', league: 'American', color: 'navy blue'}; 

for (let key in Mariners) {
   console.log(`${key}: ${Mariners[key]}`); 
}

// Output: 
// place: Seattle
// league: American
// color: navy blue

इस उदाहरण में, for...in मेरिनर्स ऑब्जेक्ट की कुंजियों पर पुनरावृत्ति करता है, जिससे कुंजी और संबंधित मान दोनों तक पहुंचने की अनुमति मिलती है। यह ध्यान रखना महत्वपूर्ण है कि for...in का उपयोग सरणियों के साथ सावधानी से किया जाना चाहिए, क्योंकि यह केवल संख्यात्मक सूचकांकों पर ही नहीं, बल्कि सभी गणना योग्य गुणों पर पुनरावृत्ति करता है।

1-3. मुख्य अंतर

• उद्देश्य:
  • for...of: एक पुनरावृत्त वस्तु (सरणियाँ, तार, सेट, मानचित्र) के मानों पर पुनरावृति करता है।
  • for...in: किसी ऑब्जेक्ट के असंख्य गुणों (कुंजियों) पर पुनरावृत्ति करता है।
• उदाहरण:
  • जब आपको मूल्यों तक सीधे पहुंचने की आवश्यकता हो तो...का उपयोग करें।
  • जब आपको कुंजियों या संपत्ति के नामों तक पहुंचने की आवश्यकता हो तो for...in का उपयोग करें।

2. सेट() और ऐरे, मैप() और ऑब्जेक्ट, और सेट() और `मैप() के बीच अंतर

जावास्क्रिप्ट विभिन्न प्रकार की डेटा संरचनाएं प्रदान करता है, प्रत्येक की अपनी ताकत और कमजोरियां हैं। मैंने सबसे अधिक उपयोग किए जाने वाले कुछ के बीच अंतर का पता लगाया:

2-1. सेट() बनाम ऐरे

• विशिष्टता:
  • सेट() अद्वितीय मान संग्रहीत करता है, जिसका अर्थ है कि किसी डुप्लिकेट की अनुमति नहीं है।
  • ऐरे डुप्लिकेट मानों की अनुमति देता है।
• आदेश देना:
  • Set() सम्मिलन के क्रम को दोहराता है।
  • ऐरे सम्मिलन के क्रम को भी बनाए रखता है, लेकिन डुप्लिकेट आपके इसके साथ इंटरैक्ट करने के तरीके को बदल सकता है।

उदा.)

`

चलो mySet = नया सेट([1, 2, 3, 3, 4]);
मान लीजिए myArray = [1, 2, 3, 3, 4];

console.log(mySet) // आउटपुट: सेट {1, 2, 3, 4 }
कंसोल.लॉग(myArray) // आउटपुट: [1, 2, 3, 3, 4]

`

इस उदाहरण में, सेट() स्वचालित रूप से डुप्लिकेट 3 को हटा देता है, जबकि ऐरे इसे बरकरार रखता है। सेट() तब उपयोगी होता है जब आपको अद्वितीय वस्तुओं के संग्रह की आवश्यकता होती है।

2-2. मानचित्र() बनाम वस्तु

• मुख्य प्रकार:

  • मानचित्र (): कुंजियाँ किसी भी प्रकार की हो सकती हैं, जिनमें ऑब्जेक्ट, फ़ंक्शंस और आदिम प्रकार शामिल हैं।
  • ऑब्जेक्ट: कुंजी आमतौर पर स्ट्रिंग या प्रतीक होते हैं।

• आदेश देना:

  • Map() प्रविष्टि के क्रम को बनाए रखता है।
  • ऑब्जेक्ट कुंजियों के क्रम की गारंटी नहीं देता है।

• आकार:

  • Map() में एक आकार संपत्ति है जो कुंजी-मूल्य जोड़े की संख्या देती है।
  • ऑब्जेक्ट को कुंजियों के माध्यम से पुनरावृत्त करके मैन्युअल रूप से आकार निर्धारित करने की आवश्यकता होती है।

उदा.)

`
चलो myMap = नया नक्शा();
myMap.set('नाम', 'जॉन');
myMap.set(42, 'उत्तर');
myMap.set({}, 'खाली वस्तु');

चलो myObject = {
नाम: 'जॉन',
42: 'उत्तर',
{}: 'खाली वस्तु'
};

कंसोल.लॉग(myMap.size); // आउटपुट: 3
कंसोल.लॉग(ऑब्जेक्ट.कीज़(myObject).length); // आउटपुट: 2 (कुंजी स्ट्रिंग रूपांतरण के कारण)
`
इस उदाहरण में, मैप() विभिन्न प्रकार की कुंजी के उपयोग की अनुमति देता है, जबकि ऑब्जेक्ट कुंजियाँ स्ट्रिंग में परिवर्तित हो जाती हैं। इसके अतिरिक्त, मानचित्र() आसानी से मानचित्र का आकार प्रदान करता है, जबकि वस्तुओं के लिए, आपको कुंजियों को मैन्युअल रूप से गिनने की आवश्यकता होती है।

2-3. सेट() बनाम मानचित्र()

• उद्देश्य:
  • Set() अद्वितीय मूल्यों का एक संग्रह है।
  • Map() कुंजी-मूल्य जोड़े का एक संग्रह है।
• उदाहरण:
  • जब आपको अद्वितीय वस्तुओं की सूची संग्रहीत करने की आवश्यकता हो तो सेट() का उपयोग करें।
  • जब आपको मानों को कुंजियों के साथ जोड़ने की आवश्यकता हो तो मानचित्र() का उपयोग करें।

उदा.)

`
मान लीजिए mySet = नया सेट([1, 2,3]);
मान लीजिए myMap = नया मानचित्र([['key1', 'value1'], ['key2', 'value2']]);

कंसोल.लॉग(mySet.has(2)); // आउटपुट: सत्य
कंसोल.लॉग(myMap.get('key1')); // आउटपुट: 'मूल्य'1
`
इस उदाहरण में, सेट() का उपयोग मूल्य के अस्तित्व की जांच करने के लिए किया जाता है, जबकि मैप() का उपयोग कुंजी से जुड़े मूल्य को पुनः प्राप्त करने के लिए किया जाता है।