JavaScript Map In Hindi : Map In JavaScript

If tutorials available on this website are helpful for you, please whitelist this website in your ad blocker😭 or Donate to help us ❤️ pay for the web hosting to keep the website running.

JavaScript Map

JavaScript में अभी तक आपने data structures जैसे Object और Array के बारे में ही पढ़ा और समझा , लेकिन real life (Development) में आपको सिर्फ इन्ही दो से काम नहीं चलेगा।

इसलिए JavaScript ने Map और Set को provide किया है , और इस article में हम Map के बारे में समझेंगे।

Map In JavaScript

JavaScript में Map , Object की तरह ही एक keyed data items का collection है , लेकिन main difference ये है कि Map में keys का type कुछ भी हो सकता है।

Copy
let map = new Map([
  ['1', 'String 1'],
  [1, 'Numeric 1']
]);

Map की Methods और properties कुछ इस प्रकार हैं -

JS Map Methods & Properties

• new Map() – इसका use Map create करने के लिए किया जाता है।

• map.size – size property से map का size पता चलता है।

• map.set(key, value) – set method का use , key के according value store करने के लिए किया जाता है।

• map.get(key) – इस method की help से Map में available values को key के according get करने के लिए किया जाता है। अगर key exist नहीं लरटी तो undefined मिलेगा।

• map.has(key) – has method से आप चेक कर सकते हैं कि कोई key exist करती है या नहीं।

• map.delete(key) – ये key के bases पर Map से value डिलीट करता है।

• map.clear() – इस method से Map को clear करने के लिए use करते हैं।

JavaScript Map Example

Copy
// create map.
let map = new Map();

// add values.
map.set(1, 'Numeric 1');
map.set('1', 'String 1');
map.set(false, 'boolean false');

// get size of Map.
console.log("Size of map : ", map.size);

// check & get value.
if(map.has('1')) {
  console.log(map.get('1'));
}


// delete key.
map.delete('1');
console.log(map.get('1'));

Output :

Size of map :  3
String 1
undefined

Map , comparison के लिए SameValueZero algorithm का use करता है , जो लगभग strict equality (===) की तरह ही work करता है। और इस algorithm की आप modify नहीं कर सकते हैं।

map Chaining

map object पर chaining method भी apply कर सकते हैं, मतलब हर बार अलग line में लिखने की वजाय आप method के बाद दूसरा map method call कर सकते हैं।

For Example :

Copy
let map = new Map();

// add values using chaining method.
map.set('name1', 'Sachin').set('name2', 'Virat').set('name3', 'Rohit');
console.log("Size of map : ", map.size);

Output :

Size of map :  3

ध्यान रहे same name और type की key enter करने पर old value reset हो जाएगी।

Map Iteration

JavaScript में Map को iterate करने के लिए 3 methods हैं -

1. values() - values() methods किसी MAP में available सभी property values का एक Array return करता है।

2. keys() - keys() methods किसी Map में available सभी properties का एक Array return करता है।

3. entries() method की help से आप Map की property और value को Array में convert कर सकते हैं।

For Example :

Copy
let recipeMap = new Map([
  ['Apple', 100],
  ['Banana', 50]
]);

console.log("Iterate keys in Map :");
for (let vegetable of recipeMap.keys()) {
  console.log(vegetable);
}


console.log("Iterate values in Map :");
for (let amount of recipeMap.values()) {
  console.log(amount);
}

console.log("Iterate key and value in Map :");
for (let entry of recipeMap) { 
  console.log(entry);
}

Output :

Iterate keys in Map :
Apple
Banana
Iterate values in Map :
100
50
Iterate key and value in Map :
Array [ "Apple", 100 ]
Array [ "Banana", 50 ]

I Hope, अब आपको JavaScript में Map के बारे में अच्छे से पता चल गया होगा।