7 days of WordPress plugins, themes & templates - for free!* Unlimited asset downloads! Start 7-Day Free Trial
FREELessons: 65Length: 7.1 hours

• Overview
• Transcript

# 3.4 Maps

Maps are objects that store key, value pairs. In the case of maps, both the keys and values can be of any type.

Syntax

• new Map()
• set
• get
• has
• delete

## 11.Conclusion1 lesson, 00:43

### 3.4 Maps

Hi folks, in this lesson we're going to look at a data structure called a map. Maps are similar to sets, which we looked at in the last lesson, except for the fact that maps store key value pairs instead of individual values. Sets are similar to arrays, but maps are more similar to objects. Let's take a look. Like with sets, we need to use the map constructor to create a map. At this point in time, there is no literal form for maps. So now the variable myMap will contain a new instance of the map object. Just like with sets, we can also create a map that contains data. Instead of passing a regular iterable, we need to pass a two-dimensional array to the map constructor. So the array is a two dimensional array because it is an array which contains other arrays. The elements in the first array will be used for the key names in the map, and the elements in the second array will be the values associated with the keys. Unlike with regular object literals, the keys as well as the values, can be of any data type. Here we have strings as the keys and numbers as the values. But we could also have objects as the keys, and numbers as the value or functions as the keys, and objects as the values. Maps have a very similar API to sets but with some key differences. So first, lets look at the methods the map has which the set doesn't. If we want to add a new key value pair to the map, we use the set method. This method takes two parameters which are the key and the value. So this expression will add a new key to myMap2. The new key will be the string value C, and the value of this key will be the number 3. The set method returns the map object so it can also be chained. This method works in the same way as the set objects and method. Unlike with a set, we can retrieve a single value from the map without having to iterate the whole map. To do this, we use the get method specifying the key of the value that we want to get. So the rest of the map API is very similar to the set. We can use the has method to see whether the map contains a given key. And we can delete a key and its associated value using the delete method, and once again, this method returns a boolean to indicate whether the key was removed or not. If the key doesn't exist in the map, it won't be removed. But it also won't throw an error, it will just return False. We can empty the map completely using the clear method. And we can also iterate a map with a for each loop or using for of. We haven't covered looping yet. We will be coming to that in the very next section. Just like the set, the map can also return iterators, and has several methods for doing this, which it shares with sets. For example, the entries and values methods. We'll be looking at iterators later in the course, so I don't wanna spend too much time looking at them now. So, in this lesson, we looked at the Map object and saw that it is similar to the set object in the API that it exposes, but that we use it to store key value pairs instead of individual values. We also saw that the Map's API is very similar to the set API, except that it uses the set method to add new key value pairs, and the get method to retrieve values. In the next lesson, we'll look at WeakMaps and WeakSets. Thanks for watching.

Back to the top