जावास्क्रिप्ट मानचित्र
मैप में की-वैल्यू पेयर होते हैं, जहां की कोई भी डेटाटाइप हो सकता है।
एक नक्शा चाबियों के मूल सम्मिलन क्रम को याद रखता है।
मानचित्र में एक गुण होता है जो मानचित्र के आकार का प्रतिनिधित्व करता है।
मानचित्र के तरीके
| तरीका | विवरण |
|---|---|
| नया नक्शा () | एक नया मैप ऑब्जेक्ट बनाता है |
| सेट() | मानचित्र में कुंजी के लिए मान सेट करता है |
| प्राप्त() | मानचित्र में कुंजी का मान प्राप्त करें |
| स्पष्ट() | मानचित्र से सभी तत्वों को हटाता है |
| हटाएं () | एक कुंजी द्वारा निर्दिष्ट मानचित्र तत्व को हटाता है |
| है() | यदि मानचित्र में कोई कुंजी मौजूद है तो सत्य लौटाता है |
| प्रत्येक के लिए() | मानचित्र में प्रत्येक कुंजी/मान जोड़ी के लिए कॉलबैक आमंत्रित करता है |
| प्रविष्टियां () | मानचित्र में [कुंजी, मान] जोड़े के साथ एक पुनरावर्तक वस्तु देता है |
| चांबियाँ() | मानचित्र में कुंजियों के साथ एक पुनरावर्तक वस्तु लौटाता है |
| मान () | मानचित्र में मानों का पुनरावर्तक ऑब्जेक्ट देता है |
| संपत्ति | विवरण |
|---|---|
| आकार | मानचित्र तत्वों की संख्या लौटाता है |
नक्शा कैसे बनाएं
आप इसके द्वारा एक जावास्क्रिप्ट मानचित्र बना सकते हैं:
- एक सरणी पास करना
new Map() - एक नक्शा बनाएं और उपयोग करें
Map.set()
नया नक्शा ()
आप कंस्ट्रक्टर को एक ऐरे पास करके एक मैप बना सकते हैं new Map():
उदाहरण
// Create a Map
const fruits = new Map([
["apples", 500],
["bananas", 300],
["oranges", 200]
]);
मैप.सेट ()
set()आप विधि के साथ मानचित्र में तत्व जोड़ सकते हैं :
उदाहरण
// Create a Map
const fruits = new Map();
// Set Map Values
fruits.set("apples", 500);
fruits.set("bananas", 300);
fruits.set("oranges", 200);
इस set()विधि का उपयोग मौजूदा मानचित्र मानों को बदलने के लिए भी किया जा सकता है:
उदाहरण
fruits.set("apples", 500);
मानचित्र प्राप्त करें ()
get()विधि को मानचित्र में एक कुंजी का मान मिलता है :
उदाहरण
fruits.get("apples"); // Returns 500
नक़्शे का आकार
संपत्ति मानचित्र में तत्वों की sizeसंख्या लौटाती है:
उदाहरण
fruits.size;
मानचित्र हटाएं ()
delete()विधि मानचित्र तत्व को हटा देती है :
उदाहरण
fruits.delete("apples");
नक्शा साफ़ करें ()
विधि मानचित्र से सभी तत्वों को clear()हटा देती है:
उदाहरण
fruits.clear();
मैप.हैस ()
यदि has()मानचित्र में कोई कुंजी मौजूद है, तो विधि सही हो जाती है:
उदाहरण
fruits.has("apples");
इसे इस्तेमाल करे:
fruits.delete("apples");
fruits.has("apples");
मानचित्र वस्तुएं हैं
typeofवस्तु लौटाता है:
उदाहरण
// Returns object:
typeof fruits;
instanceofमानचित्र सत्य लौटाता है:
उदाहरण
// Returns true:
fruits instanceof Map;
जावास्क्रिप्ट ऑब्जेक्ट्स बनाम मैप्स
जावास्क्रिप्ट ऑब्जेक्ट्स और मैप्स के बीच अंतर:
| वस्तु | नक्शा | |
|---|---|---|
| चलने योग्य | सीधे चलने योग्य नहीं | सीधे चलने योग्य |
| आकार | आकार की संपत्ति नहीं है | एक आकार की संपत्ति है |
| प्रमुख प्रकार | कुंजी स्ट्रिंग्स (या प्रतीक) होनी चाहिए | कुंजियाँ कोई भी डेटाटाइप हो सकती हैं |
| मुख्य आदेश | चाबियाँ अच्छी तरह से ऑर्डर नहीं की जाती हैं | कुंजी को सम्मिलन द्वारा आदेशित किया जाता है |
| चूक | डिफ़ॉल्ट कुंजियाँ हैं | डिफ़ॉल्ट कुंजियाँ न हों |
नक्शा.प्रत्येक के लिए ()
forEach()विधि मानचित्र में प्रत्येक कुंजी/मान जोड़ी के लिए कॉलबैक आमंत्रित करती है :
उदाहरण
// List all entries
let text = "";
fruits.forEach (function(value, key) {
text += key + ' = ' + value;
})
मैप.की ()
यह keys()विधि मानचित्र में कुंजियों के साथ एक पुनरावृत्त वस्तु लौटाती है:
उदाहरण
// List all keys
let veggies = "";
for (const x of fruits.keys()) {
veggies += x;
}
मानचित्र.मान ()
यह valuesविधि मानचित्र में मानों के साथ एक पुनरावर्तक वस्तु लौटाती है:
उदाहरण
// Sum all values
let total = 0;
for (const x of fruits.values()) {
total += x;
}
मानचित्र प्रविष्टियां ()
यह entries()विधि मानचित्र में [कुंजी, मान] के साथ एक पुनरावर्तक वस्तु लौटाती है:
उदाहरण
// List all entries
let text = "";
for (const x of fruits.entries()) {
text += x;
}
कुंजी के रूप में वस्तुएं
वस्तुओं को चाबियों के रूप में उपयोग करने में सक्षम होना एक महत्वपूर्ण मानचित्र विशेषता है।
उदाहरण
// Create Objects
const apples = {name: 'Apples'};
const bananas = {name: 'Bananas'};
const oranges = {name: 'Oranges'};
// Create a Map
const fruits = new Map();
// Add new Elements to the Map
fruits.set(apples, 500);
fruits.set(bananas, 300);
fruits.set(oranges, 200);
याद रखें: कुंजी एक वस्तु (सेब) है, न कि एक स्ट्रिंग ("सेब"):
उदाहरण
fruits.get("apples"); // Returns undefined
ब्राउज़र समर्थन
जावास्क्रिप्ट मानचित्र इंटरनेट एक्सप्लोरर को छोड़कर सभी ब्राउज़रों में समर्थित हैं:
| Chrome | Edge | Firefox | Safari | Opera |