जेएस ट्यूटोरियल

जेएस होम जे एस परिचय जे एस कहाँ करने के लिए जेएस आउटपुट जेएस स्टेटमेंट्स जेएस सिंटेक्स जे एस टिप्पणियाँ जेएस चर जे एस लेट जेएस कॉन्स्ट जेएस ऑपरेटर्स जे एस अंकगणित जेएस असाइनमेंट जेएस डेटा प्रकार जे एस कार्य जेएस ऑब्जेक्ट्स जेएस इवेंट्स जे एस स्ट्रिंग्स जे एस स्ट्रिंग तरीके जे एस स्ट्रिंग खोज जे एस स्ट्रिंग टेम्पलेट्स जेएस नंबर जेएस संख्या के तरीके जे एस सरणी जेएस सरणी के तरीके जेएस ऐरे सॉर्ट जेएस सरणी पुनरावृत्ति जेएस ऐरे कॉन्स्ट जे एस तिथियाँ जेएस तिथि प्रारूप जेएस तिथि प्राप्त करने के तरीके JS दिनांक सेट विधियाँ जे एस मठ जे एस रैंडम जे एस बूलियन्स जेएस तुलना जे एस शर्तें जे एस स्विच जेएस लूप फॉर In . के लिए JS लूप ओएफ के लिए जेएस लूप जेएस लूप जबकि जेएस ब्रेक जेएस Iterables जेएस सेट जेएस मैप्स जेएस टाइपोफ जे एस प्रकार रूपांतरण जेएस बिटवाइज जेएस रेगएक्सपी जे एस त्रुटियाँ जेएस स्कोप जे एस उत्थापन जेएस सख्त मोड जेएस यह कीवर्ड जेएस एरो फंक्शन जेएस क्लासेस जेएस JSON जेएस डिबगिंग जेएस स्टाइल गाइड जेएस सर्वोत्तम अभ्यास जेएस गलतियाँ जेएस प्रदर्शन जेएस आरक्षित शब्द

जेएस संस्करण

जेएस संस्करण जेएस 2009 (ES5) जेएस 2015 (ईएस6) जेएस 2016 जेएस 2017 जेएस 2018 जेएस आईई / एज जेएस इतिहास

जेएस ऑब्जेक्ट्स

वस्तु परिभाषाएँ वस्तु गुण वस्तु के तरीके वस्तु प्रदर्शन ऑब्जेक्ट एक्सेसर्स वस्तु निर्माता वस्तु प्रोटोटाइप वस्तु पुनरावर्तनीय वस्तु समूह वस्तु मानचित्र वस्तु संदर्भ

जे एस कार्य

फ़ंक्शन परिभाषाएँ फंक्शन पैरामीटर्स समारोह आमंत्रण फंक्शन कॉल समारोह लागू करें फंक्शन क्लोजर

जेएस क्लासेस

कक्षा परिचय वर्ग वंशानुक्रम क्लास स्टेटिक

जे एस एसिंक

जेएस कॉलबैक जे एस अतुल्यकालिक जे एस वादा जे एस एसिंक/प्रतीक्षा

जेएस एचटीएमएल डोम

डोम परिचय डोम तरीके डोम दस्तावेज़ डोम तत्व डोम एचटीएमएल डोम फॉर्म डोम सीएसएस डोम एनिमेशन डोम घटनाक्रम डोम इवेंट श्रोता डोम नेविगेशन डोम नोड्स डोम संग्रह डोम नोड सूचियाँ

जेएस ब्राउज़र बीओएम

जेएस विंडो जेएस स्क्रीन जेएस स्थान जेएस इतिहास जेएस नेविगेटर जेएस पॉपअप अलर्ट जेएस टाइमिंग जे एस कुकीज़

जेएस वेब एपीआई

वेब एपीआई परिचय वेब फॉर्म एपीआई वेब इतिहास एपीआई वेब संग्रहण API वेब वर्कर एपीआई वेब फ़ेच एपीआई वेब जियोलोकेशन एपीआई

जे एस अजाक्स

AJAX परिचय अजाक्स एक्सएमएलएचटीपी अजाक्स अनुरोध अजाक्स प्रतिक्रिया अजाक्स एक्सएमएल फ़ाइल अजाक्स पीएचपी अजाक्स एएसपी AJAX डेटाबेस अजाक्स अनुप्रयोग अजाक्स उदाहरण

जेएस JSON

JSON परिचय JSON सिंटैक्स जेएसओएन बनाम एक्सएमएल JSON डेटा प्रकार JSON पार्स JSON स्ट्रिंगिफ़ाई JSON ऑब्जेक्ट्स JSON सरणियाँ JSON सर्वर जेएसओएन पीएचपी जेएसओएन एचटीएमएल जेएसओएन जेएसओएनपी

जेएस बनाम jQuery

jQuery चयनकर्ता jQuery एचटीएमएल jQuery सीएसएस jQuery डोम

जेएस ग्राफिक्स

जेएस ग्राफिक्स जेएस कैनवास जे एस प्लॉटली जेएस चार्ट.जेएस जेएस गूगल चार्ट जेएस डी3.जेएस

जेएस उदाहरण

जेएस उदाहरण जेएस एचटीएमएल डोम जेएस एचटीएमएल इनपुट जेएस एचटीएमएल ऑब्जेक्ट्स जेएस एचटीएमएल इवेंट्स जेएस ब्राउज़र जे एस संपादक जे एस व्यायाम जे एस प्रश्नोत्तरी जेएस प्रमाणपत्र

जे एस संदर्भ

जावास्क्रिप्ट ऑब्जेक्ट्स एचटीएमएल डोम ऑब्जेक्ट्स


जावास्क्रिप्ट मानचित्र

मैप में की-वैल्यू पेयर होते हैं, जहां की कोई भी डेटाटाइप हो सकता है।

एक नक्शा चाबियों के मूल सम्मिलन क्रम को याद रखता है।

आवश्यक मानचित्र तरीके

तरीकाविवरण
नया नक्शा ()एक नया नक्शा बनाता है
सेट()मानचित्र में कुंजी के लिए मान सेट करता है
प्राप्त()मानचित्र में कुंजी का मान प्राप्त करें
हटाएं ()कुंजी द्वारा निर्दिष्ट मानचित्र तत्व को हटाता है
है()यदि मानचित्र में कोई कुंजी मौजूद है तो सत्य लौटाता है
प्रत्येक के लिए()मानचित्र में प्रत्येक कुंजी/मान जोड़ी के लिए फ़ंक्शन को कॉल करें
प्रविष्टियां ()मानचित्र में [कुंजी, मान] जोड़े के साथ एक पुनरावर्तक देता है
संपत्तिविवरण
आकारमानचित्र में तत्वों की संख्या लौटाता है

नक्शा कैसे बनाएं

आप इसके द्वारा एक जावास्क्रिप्ट मानचित्र बना सकते हैं:

  • एक सरणी पास करना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", 200);

प्राप्त () विधि

get()विधि को मानचित्र में एक कुंजी का मान मिलता है :

उदाहरण

fruits.get("apples");    // Returns 500


आकार संपत्ति

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

उदाहरण

fruits.size;

हटाएं () विधि

delete()विधि मानचित्र तत्व को हटा देती है :

उदाहरण

fruits.delete("apples");

है () विधि

यदि has()मानचित्र में कोई कुंजी मौजूद है, तो विधि सही हो जाती है:

उदाहरण

fruits.has("apples");

इसे इस्तेमाल करे:

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

जावास्क्रिप्ट ऑब्जेक्ट्स बनाम मैप्स

जावास्क्रिप्ट ऑब्जेक्ट्स और मैप्स के बीच अंतर:

वस्तुनक्शा
चलने योग्य सीधे चलने योग्य नहीं सीधे चलने योग्य
आकार आकार की संपत्ति नहीं है एक आकार की संपत्ति है
प्रमुख प्रकार कुंजी स्ट्रिंग्स (या प्रतीक) होनी चाहिए कुंजियाँ कोई भी डेटाटाइप हो सकती हैं
मुख्य आदेश चाबियाँ अच्छी तरह से ऑर्डर नहीं की जाती हैं कुंजी को सम्मिलन द्वारा आदेशित किया जाता है
चूक डिफ़ॉल्ट कुंजियाँ हैं डिफ़ॉल्ट कुंजियाँ न हों

प्रत्येक के लिए () विधि

यह forEach()विधि मानचित्र में प्रत्येक कुंजी/मान युग्म के लिए एक फ़ंक्शन को कॉल करती है:

उदाहरण

// List all entries
let text = "";
fruits.forEach (function(value, key) {
  text += key + ' = ' + value;
})

प्रविष्टियाँ () विधि

यह entries()विधि मानचित्र में [कुंजी, मान] के साथ एक पुनरावर्तक वस्तु लौटाती है:

उदाहरण

// List all entries
let text = "";
for (const x of fruits.entries()) {
  text += x;
}

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

जावास्क्रिप्ट मैप्स इंटरनेट एक्सप्लोरर को छोड़कर सभी ब्राउज़रों में समर्थित हैं:

Chrome Edge Firefox Safari Opera