It’s 2023. Start using JavaScript Maps and Sets
<p>As a JavaScript developer, you are probably familiar with the two most commonly used data structures, Arrays and Objects. They are both extremely versatile and powerful however, two more options are often overlooked: Maps and Sets. Let’s explore how they can make your code more efficient and easier to read.</p>
<h2><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map" rel="noopener ugc nofollow" target="_blank">Maps</a></h2>
<p>Maps are similar to Objects in that they store key-value pairs. However, unlike Objects, Maps allow any type of value to be used as a key, including objects and functions. This makes them much more flexible than Objects, especially when you need to store complex data structures.</p>
<p>To create a Map, you can use the Map constructor:</p>
<pre>
const myMap = new Map();</pre>
<p>You can also initialize a Map with an array of key-value pairs:</p>
<pre>
const myMap = new Map([
["key1", "value1"],
["key2", "value2"]
]);</pre>
<p>To add a key-value pair to a Map, you can use the <code>set()</code> method:</p>
<pre>
myMap.set("key3", "value3");</pre>
<p>To retrieve a value from a Map, you can use the <code>get()</code> method:</p>
<pre>
const value = myMap.get("key3");</pre>
<p>Maps also have other useful methods, such as <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map/has" rel="noopener ugc nofollow" target="_blank">has()</a></code> to check if a key exists in the Map, <code>delete()</code> to remove a key-value pair, and <code>clear()</code> to remove all key-value pairs and, of course, the very useful <code>.size</code> which is not available in objects.</p>
<p><a href="https://fadamakis.com/be-cool-start-using-javascript-maps-and-sets-df613e8c6ed5">Website</a></p>
<p> </p>