How to remove all the elements from a map in JavaScript?

JavascriptObject Oriented ProgrammingFront End Technology

The map is basically a collection of elements where each element is stored as a Key, value pair. It can hold both objects and primitive values as either a key or a value. When we iterate over the map object it returns the key,value pair in the same order as inserted. The map has provided a method called map.clear() to remove the values inside a map. This method will remove every key/value pair and make the map totally empty.

syntax

map.clear(obj);

map.obj() takes an object as a parameter and removes each and every value so as to make it empty.

Example-1

In the following example, a map is created and 2 elements were passed to it. Before applying map.clear() method the size of the map object was two but after applying the size was zero.

Live Demo

<html>
<body>
<script>
   var myMap = new Map();
   myMap.set(0, 'Tutorialspoint');
   myMap.set(1, 'Tutorix');
   document.write(myMap.size);
   document.write("</br>");
   myMap.clear();
   document.write(myMap.size);
</script>
</body>
</html>

Output

2
0


Example-2

In the following example, a map is created and 4 elements were passed to it. Before applying map.clear() method the size of the map object was four but after applying the size was zero.

Live Demo

<html>
<body>
<script>
   var myMap = new Map();
   myMap.set(0, 'India');
   myMap.set(2, 'Australia');
   myMap.set(3, 'England');
   myMap.set(4, 'Newzealand');
   document.write(myMap.size);
   document.write("</br>");
   myMap.clear();
   document.write(myMap.size);
</script>
</body>
</html>

Output

4
0
raja
Published on 18-Jul-2019 12:06:20
Advertisements