जावास्क्रिप्ट में एसोसिएटिव ऐरे क्या हैं?

परिचय

जावास्क्रिप्ट में एसोसिएटिव ऐरे मूल रूप से ऑब्जेक्ट्स होते हैं जहां इंडेक्स यूजर-डिफाइंड कीज़ द्वारा प्रतिस्थापित होते हैं। इनमें सामान्य ऐरे की तरह length प्रॉपर्टी नहीं होती और इन्हें सामान्य for लूप से ट्रैवर्स नहीं किया जा सकता।

उदाहरण

निम्न कोड जावास्क्रिप्ट में एसोसिएटिव ऐरे के लिए है:

<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>एसोसिएटिव ऐरे</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 20px; font-weight: 500; } </style> </head> <body> <h1>जावास्क्रिप्ट में एसोसिएटिव ऐरे</h1> <div style="color: green;" class="result"></div> <button class="Btn">यहाँ क्लिक करें</button> <h3> एसोसिएटिव ऐरे बनाने और प्रदर्शित करने के लिए ऊपर दिए गए बटन पर क्लिक करें </h3> <script> const resEle = document.querySelector(".result"); document.querySelector(".Btn").addEventListener("click", () => { const arr = { Name: "रोहन", Class: 9, Age: 16 }; for (const key in arr) { resEle.innerHTML += "Key = " + key + " : Value = " + arr[key] + "<br>"; } }); </script> </body> </html>

आउटपुट

उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा:

'यहाँ क्लिक करें' बटन पर क्लिक करने पर:

महत्वपूर्ण नोट्स

• जावास्क्रिप्ट में वास्तविक एसोसिएटिव ऐरे नहीं होते - ये केवल ऑब्जेक्ट्स होते हैं
• कीज़ हमेशा स्ट्रिंग्स होती हैं (सिम्बल्स भी संभव)
• इटरेशन के लिए for...in, Object.keys(), Object.entries() का उपयोग करें
• length प्रॉपर्टी मौजूद नहीं होती
• ऐरे मेथड्स (push, pop, map आदि) काम नहीं करते

आधुनिक विकल्प: Map ऑब्जेक्ट

बेहतर प्रदर्शन और अधिक सुविधाओं के लिए Map ऑब्जेक्ट का उपयोग करने पर विचार करें:

const map = new Map([
  ['Name', 'रोहन'],
  ['Class', 9],
  ['Age', 16]
]);
console.log(map.size); // 3
map.forEach((value, key) => console.log(key, value));