जेसक्रिप्ट मैप मेथड

new Map() मेथड

एक एक्सेस करने के लिए एक एक्सेस करें new Map() बनाने के लिए कन्स्ट्रक्टर यहाँ प्रयोग करें:

उदाहरण

// एक Map बनाएं
const fruits = new Map([
  ["apples", 500],
  ["bananas", 300],
  ["oranges", 200]
]);

अपने आप से प्रयास करें

Map.get()

इस्तेमाल किया जा सकता है get() यह मेथड मैप में कुंजी के मूल्य प्राप्त करता है:

उदाहरण

fruits.get("apples");

अपने आप से प्रयास करें

Map.set()

इस्तेमाल किया जा सकता है set() यह मेथड मैप में एलिमेंट जोड़ता है:

उदाहरण

// एक Map बनाएं
const fruits = new Map();
// मैप मूल्य सेट करें
fruits.set("apples", 500);
fruits.set("bananas", 300);
fruits.set("oranges", 200);

अपने आप से प्रयास करें

set() यह मेथड मैप में मौजूदा मूल्य को बदल सकता है:

उदाहरण

fruits.set("apples", 500);

अपने आप से प्रयास करें

Map.size

size यह प्रोपर्टी मैप में एलिमेंट्स की संख्या वापस देती है:

उदाहरण

fruits.size;

अपने आप से प्रयास करें

Map.delete()

delete() यह मेथड मैप से एक एलिमेंट हटा देता है:

उदाहरण

fruits.delete("apples");

अपने आप से प्रयास करें

Map.clear()

clear() यह मेथड मैप से सभी एलिमेंट्स हटा देता है:

उदाहरण

fruits.clear();

अपने आप से प्रयास करें

Map.has()

यदि मैप में कोई कुंजी मौजूद है:has() यह मेथड true वापस देता है:

उदाहरण

fruits.has("apples");

अपने आप से प्रयास करें

इस कोड को प्रयोग करें:

fruits.delete("apples");
fruits.has("apples");

अपने आप से प्रयास करें

Map.forEach()

forEach() यह मेथड मैप के हर खूनिया-मूल्य के लिए कॉलबैक फ़ंक्शन को बुला देता है:

उदाहरण

// सभी एंट्रीज सूचीबद्ध करें
let text = "";
fruits.forEach(function(value, key) {
  text += key + ' = ' + value;
});

अपने आप से प्रयास करें

Map.entries()

entries() यह मेथड मैप के [key, value] सही इटरेटर ऑब्जेक्ट:

उदाहरण

// सभी एंट्रीज सूचीबद्ध करें
let text = "";
for (const x of fruits.entries()) {
  text += x;
}

अपने आप से प्रयास करें

Map.keys()

keys() यह मेथड एक मैप की कुंजियों को शामिल करने वाले इटरेटर ऑब्जेक्ट वापस देता है:

उदाहरण

// सभी कुंजियाँ सूचीबद्ध करें
let text = "";
for (const x of fruits.keys()) {
  text += x;
}

अपने आप से प्रयास करें

Map.values()}

values() विधि Map में के मूल्यों के एक इटरेटर ऑब्जैक्ट वापस करती है:

उदाहरण

// सभी मूल्यों को सूचीबद्ध करें
let text = "";
for (const x of fruits.values()) {
  text += x;
}

अपने आप से प्रयास करें

इस्तेमाल किया जा सकता है values() विधि Map में के मूल्यों का योग करती है:

उदाहरण

// सभी मूल्यों का योग करें
let total = 0;
for (const x of fruits.values()) {
  total += x;
}

अपने आप से प्रयास करें

वस्तु के क्लीच के रूप में

सूचना:वस्तु को क्लीच के रूप में उपयोग करना Map की एक महत्वपूर्ण विशेषता है。

उदाहरण

// वस्तु बनाएं
const apples = {name: 'Apples'};
const bananas = {name: 'Bananas'};
const oranges = {name: 'Oranges'};
// एक Map बनाएं
const fruits = new Map();
// Map में नए तत्व जोड़ें
fruits.set(apples, 500);
fruits.set(bananas, 300);
fruits.set(oranges, 200);

अपने आप से प्रयास करें

ध्यान दें:क्लीच वस्तु (apples) है न कि स्ट्रिंग ("apples"):

उदाहरण

fruits.get("apples"); // undefined वापस करता है

अपने आप से प्रयास करें

JavaScript Map.groupBy()

ES2024 ने JavaScript में जोड़ा Map.groupBy() विधि。

Map.groupBy() विधि कॉलबैक फ़ंक्शन द्वारा वापस दी गई स्ट्रिंग मूल्य के आधार पर वस्तु के तत्वों को वर्गीकृत करती है。

Map.groupBy() विधि मूल वस्तु को बदलती नहीं है。

उदाहरण

// एक आयता बनाएं
const fruits = [
  {name: "apples", quantity: 300},
  {name: "bananas", quantity: 500},
  {name: "oranges", quantity: 200},
  {name: "kiwi", quantity: 150}
];
// वर्गीकरण के लिए कॉलबैक फ़ंक्शन
function myCallback({ quantity }) {
  return quantity > 200 ? "ok" : "low";
}
// आयता की संख्या पर वर्गीकृत करें
const result = Map.groupBy(fruits, myCallback);

अपने आप से प्रयास करें

ब्राउज़र समर्थन

Map.groupBy() यह ES2024 की विशेषता है。

2024 मार्च से, नए ब्राउज़रों सभी इस विशेषता को समर्थित करेंगे:

Object.groupBy() और Map.groupBy() के अंतर

Object.groupBy() और Map.groupBy() अंतर के रूप में:

Object.groupBy() एलिमेंट को JavaScript ऑब्जेक्ट में ग्रुप करें。

Map.groupBy() एलिमेंट को Map ऑब्जेक्ट में ग्रुप करें。

पूर्ण Map संदर्भ दस्तावेज

पूर्ण संदर्भ के लिए हमारे:JavaScript Map संदर्भ दस्तावेज。

यह दस्तावेज़ सभी Map गुणों और विधियों के वर्णन और इंस्टांस को शामिल करता है。