{"id":408,"date":"2023-05-29T17:52:15","date_gmt":"2023-05-29T17:52:15","guid":{"rendered":"https:\/\/www.devopsconsulting.in\/blog\/?p=408"},"modified":"2023-05-30T17:14:24","modified_gmt":"2023-05-30T17:14:24","slug":"javascript-maps","status":"publish","type":"post","link":"https:\/\/www.devopsconsulting.in\/blog\/javascript-maps\/","title":{"rendered":"JavaScript Maps"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">JavaScript Maps are a built-in data structure introduced in ECMAScript 6 (ES6) that allow you to store key-value pairs and retrieve the values based on their associated keys. Unlike regular JavaScript objects, Maps can have any value as a key, including objects, whereas object keys are converted to strings.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"296\" src=\"https:\/\/www.devopsconsulting.in\/blog\/wp-content\/uploads\/2023\/05\/image-31-1024x296.png\" alt=\"\" class=\"wp-image-409\" srcset=\"https:\/\/www.devopsconsulting.in\/blog\/wp-content\/uploads\/2023\/05\/image-31-1024x296.png 1024w, https:\/\/www.devopsconsulting.in\/blog\/wp-content\/uploads\/2023\/05\/image-31-300x87.png 300w, https:\/\/www.devopsconsulting.in\/blog\/wp-content\/uploads\/2023\/05\/image-31-768x222.png 768w, https:\/\/www.devopsconsulting.in\/blog\/wp-content\/uploads\/2023\/05\/image-31.png 1122w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Example<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/ Creating a Map\nconst myMap = new Map();\n\n\/\/ Adding key-value pairs to the Map\nmyMap.set('key1', 'value1');\nmyMap.set('key2', 'value2');\nmyMap.set('key3', 'value3');\n\n\/\/ Retrieving values from the Map\nconsole.log(myMap.get('key1')); \/\/ Output: \"value1\"\nconsole.log(myMap.get('key2')); \/\/ Output: \"value2\"\n\n\/\/ Checking if a key exists in the Map\nconsole.log(myMap.has('key3')); \/\/ Output: true\n\n\/\/ Getting the size of the Map\nconsole.log(myMap.size); \/\/ Output: 3\n\n\/\/ Deleting a key-value pair from the Map\nmyMap.delete('key2');\nconsole.log(myMap.size); \/\/ Output: 2\n\n\/\/ Iterating over the Map\nmyMap.forEach((value, key) =&gt; {\n  console.log(`${key} =&gt; ${value}`);\n});\n\n\/\/ Clearing the Map\nmyMap.clear();\nconsole.log(myMap.size); \/\/ Output: 0<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Maps provide several advantages over regular objects, such as maintaining the insertion order of the key-value pairs and providing methods to directly access the size, iterate over the entries, and easily delete all elements from the Map.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>some real world example<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/ Creating a map to store inventory items and their quantities\nconst inventory = new Map();\n\n\/\/ Adding inventory items\ninventory.set('apple', 10);\ninventory.set('banana', 15);\ninventory.set('orange', 20);\ninventory.set('grape', 5);\n\n\/\/ Iterating over the inventory using forEach loop\ninventory.forEach((quantity, item) =&gt; {\n  console.log(`Item: ${item}, Quantity: ${quantity}`);\n});\n\n\/\/ Output:\n\/\/ Item: apple, Quantity: 10\n\/\/ Item: banana, Quantity: 15\n\/\/ Item: orange, Quantity: 20\n\/\/ Item: grape, Quantity: 5\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>JavaScript Maps are a built-in data structure introduced in ECMAScript 6 (ES6) that allow you to store key-value pairs and retrieve the values based on their associated&#8230; <\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[86],"tags":[84],"class_list":["post-408","post","type-post","status-publish","format-standard","hentry","category-javascript","tag-how-to-use-map-in-javascript"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>JavaScript Maps - DevOps Consulting<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.devopsconsulting.in\/blog\/javascript-maps\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JavaScript Maps - DevOps Consulting\" \/>\n<meta property=\"og:description\" content=\"JavaScript Maps are a built-in data structure introduced in ECMAScript 6 (ES6) that allow you to store key-value pairs and retrieve the values based on their associated...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.devopsconsulting.in\/blog\/javascript-maps\/\" \/>\n<meta property=\"og:site_name\" content=\"DevOps Consulting\" \/>\n<meta property=\"article:published_time\" content=\"2023-05-29T17:52:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-30T17:14:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.devopsconsulting.in\/blog\/wp-content\/uploads\/2023\/05\/image-31-1024x296.png\" \/>\n<meta name=\"author\" content=\"Abhishek Singh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Abhishek Singh\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/javascript-maps\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/javascript-maps\\\/\"},\"author\":{\"name\":\"Abhishek Singh\",\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/#\\\/schema\\\/person\\\/fc397ba8be42f9fdd53450edfc73006f\"},\"headline\":\"JavaScript Maps\",\"datePublished\":\"2023-05-29T17:52:15+00:00\",\"dateModified\":\"2023-05-30T17:14:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/javascript-maps\\\/\"},\"wordCount\":92,\"commentCount\":2,\"image\":{\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/javascript-maps\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/image-31-1024x296.png\",\"keywords\":[\"How to use map() in javascript\"],\"articleSection\":[\"JavaScript\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/javascript-maps\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/javascript-maps\\\/\",\"url\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/javascript-maps\\\/\",\"name\":\"JavaScript Maps - DevOps Consulting\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/javascript-maps\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/javascript-maps\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/image-31-1024x296.png\",\"datePublished\":\"2023-05-29T17:52:15+00:00\",\"dateModified\":\"2023-05-30T17:14:24+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/#\\\/schema\\\/person\\\/fc397ba8be42f9fdd53450edfc73006f\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/javascript-maps\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/javascript-maps\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/image-31.png\",\"contentUrl\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/image-31.png\",\"width\":1122,\"height\":324},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/\",\"name\":\"DevOps Consulting\",\"description\":\"DevOps Consulting | SRE Consulting | DevSecOps Consulting | MLOps Consulting\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/#\\\/schema\\\/person\\\/fc397ba8be42f9fdd53450edfc73006f\",\"name\":\"Abhishek Singh\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/790feefe779852cdf344ca7318bf6c13832223c9b3c6bf4d217658412041026d?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/790feefe779852cdf344ca7318bf6c13832223c9b3c6bf4d217658412041026d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/790feefe779852cdf344ca7318bf6c13832223c9b3c6bf4d217658412041026d?s=96&d=mm&r=g\",\"caption\":\"Abhishek Singh\"},\"description\":\"I\u2019m Abhishek, a DevOps, SRE, DevSecOps, and Cloud expert with a passion for sharing knowledge and real-world experiences. I\u2019ve had the opportunity to work with Cotocus and continue to contribute to multiple platforms where I share insights across different domains: \u2022 DevOps School \u2013 Tech blogs and tutorials \u2022 Holiday Landmark \u2013 Travel stories and guides \u2022 Stocks Mantra \u2013 Stock market strategies and tips \u2022 My Medic Plus \u2013 Health and fitness guidance \u2022 TrueReviewNow \u2013 Honest product reviews \u2022 Wizbrand \u2013 SEO and digital tools for businesses I\u2019m also exploring the fascinating world of Quantum Computing.\",\"url\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/author\\\/abhishek\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JavaScript Maps - DevOps Consulting","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.devopsconsulting.in\/blog\/javascript-maps\/","og_locale":"en_US","og_type":"article","og_title":"JavaScript Maps - DevOps Consulting","og_description":"JavaScript Maps are a built-in data structure introduced in ECMAScript 6 (ES6) that allow you to store key-value pairs and retrieve the values based on their associated...","og_url":"https:\/\/www.devopsconsulting.in\/blog\/javascript-maps\/","og_site_name":"DevOps Consulting","article_published_time":"2023-05-29T17:52:15+00:00","article_modified_time":"2023-05-30T17:14:24+00:00","og_image":[{"url":"https:\/\/www.devopsconsulting.in\/blog\/wp-content\/uploads\/2023\/05\/image-31-1024x296.png","type":"","width":"","height":""}],"author":"Abhishek Singh","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Abhishek Singh","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.devopsconsulting.in\/blog\/javascript-maps\/#article","isPartOf":{"@id":"https:\/\/www.devopsconsulting.in\/blog\/javascript-maps\/"},"author":{"name":"Abhishek Singh","@id":"https:\/\/www.devopsconsulting.in\/blog\/#\/schema\/person\/fc397ba8be42f9fdd53450edfc73006f"},"headline":"JavaScript Maps","datePublished":"2023-05-29T17:52:15+00:00","dateModified":"2023-05-30T17:14:24+00:00","mainEntityOfPage":{"@id":"https:\/\/www.devopsconsulting.in\/blog\/javascript-maps\/"},"wordCount":92,"commentCount":2,"image":{"@id":"https:\/\/www.devopsconsulting.in\/blog\/javascript-maps\/#primaryimage"},"thumbnailUrl":"https:\/\/www.devopsconsulting.in\/blog\/wp-content\/uploads\/2023\/05\/image-31-1024x296.png","keywords":["How to use map() in javascript"],"articleSection":["JavaScript"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.devopsconsulting.in\/blog\/javascript-maps\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.devopsconsulting.in\/blog\/javascript-maps\/","url":"https:\/\/www.devopsconsulting.in\/blog\/javascript-maps\/","name":"JavaScript Maps - DevOps Consulting","isPartOf":{"@id":"https:\/\/www.devopsconsulting.in\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.devopsconsulting.in\/blog\/javascript-maps\/#primaryimage"},"image":{"@id":"https:\/\/www.devopsconsulting.in\/blog\/javascript-maps\/#primaryimage"},"thumbnailUrl":"https:\/\/www.devopsconsulting.in\/blog\/wp-content\/uploads\/2023\/05\/image-31-1024x296.png","datePublished":"2023-05-29T17:52:15+00:00","dateModified":"2023-05-30T17:14:24+00:00","author":{"@id":"https:\/\/www.devopsconsulting.in\/blog\/#\/schema\/person\/fc397ba8be42f9fdd53450edfc73006f"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.devopsconsulting.in\/blog\/javascript-maps\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.devopsconsulting.in\/blog\/javascript-maps\/#primaryimage","url":"https:\/\/www.devopsconsulting.in\/blog\/wp-content\/uploads\/2023\/05\/image-31.png","contentUrl":"https:\/\/www.devopsconsulting.in\/blog\/wp-content\/uploads\/2023\/05\/image-31.png","width":1122,"height":324},{"@type":"WebSite","@id":"https:\/\/www.devopsconsulting.in\/blog\/#website","url":"https:\/\/www.devopsconsulting.in\/blog\/","name":"DevOps Consulting","description":"DevOps Consulting | SRE Consulting | DevSecOps Consulting | MLOps Consulting","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.devopsconsulting.in\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.devopsconsulting.in\/blog\/#\/schema\/person\/fc397ba8be42f9fdd53450edfc73006f","name":"Abhishek Singh","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/790feefe779852cdf344ca7318bf6c13832223c9b3c6bf4d217658412041026d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/790feefe779852cdf344ca7318bf6c13832223c9b3c6bf4d217658412041026d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/790feefe779852cdf344ca7318bf6c13832223c9b3c6bf4d217658412041026d?s=96&d=mm&r=g","caption":"Abhishek Singh"},"description":"I\u2019m Abhishek, a DevOps, SRE, DevSecOps, and Cloud expert with a passion for sharing knowledge and real-world experiences. I\u2019ve had the opportunity to work with Cotocus and continue to contribute to multiple platforms where I share insights across different domains: \u2022 DevOps School \u2013 Tech blogs and tutorials \u2022 Holiday Landmark \u2013 Travel stories and guides \u2022 Stocks Mantra \u2013 Stock market strategies and tips \u2022 My Medic Plus \u2013 Health and fitness guidance \u2022 TrueReviewNow \u2013 Honest product reviews \u2022 Wizbrand \u2013 SEO and digital tools for businesses I\u2019m also exploring the fascinating world of Quantum Computing.","url":"https:\/\/www.devopsconsulting.in\/blog\/author\/abhishek\/"}]}},"_links":{"self":[{"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/posts\/408","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/comments?post=408"}],"version-history":[{"count":2,"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/posts\/408\/revisions"}],"predecessor-version":[{"id":418,"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/posts\/408\/revisions\/418"}],"wp:attachment":[{"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/media?parent=408"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/categories?post=408"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/tags?post=408"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}