Map ऑब्जेक्ट को ES6 में पेश किया गया था और यह एलिमेंट्स का एक संग्रह है जो की और वैल्यू पेयर होते हैं। एक मैप में की या वैल्यू एक ऑब्जेक्ट या प्रिमिटिव वैल्यू हो सकती है।
जावास्क्रिप्ट में मैप ऑब्जेक्ट के लिए कोड निम्नलिखित है:
उदाहरण
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 18px; font-weight: 500; color: rebeccapurple; } </style> </head> <body> <h1>Map object in JavaScript</h1> <div class="result"></div> <button class="Btn">CLICK HERE</button> <h3>Click on the above button to create and display a map object</h3> <script> let resultEle = document.querySelector(".result"); let map1 = new Map([ ["name", "Rohan Sharma"], ["age", 14], ["class", 9], ]); document.querySelector(".Btn").addEventListener("click", () => { for (let [key, value] of map1) { resultEle.innerHTML += key + " = " + value + "<br>"; } }); </script> </body> </html>
आउटपुट
उपरोक्त कोड निम्नलिखित आउटपुट उत्पन्न करेगा:
'CLICK HERE' बटन पर क्लिक करने पर:
