How To Convert Map Keys to an Array in JavaScript? Last Updated : 28 Dec, 2024 Comments Improve Suggest changes Like Article Like Report Here are the various methods to convert Map keys to an array in JavaScript1. Using array.from() MethodThe Array.from() method in JavaScript converts Map keys to an array by using 'Array.from(map.keys())'. JavaScript let map = new Map().set('GFG', 1).set('Geeks', 2); let a = Array.from(map.keys()); console.log(a.length); Output2 In this exampleA Map object is created with two key-value pairs: ‘GFG’ => 1 and ‘Geeks’ => 2.Map.keys() returns an iterator for the keys of the Map (‘GFG’, ‘Geeks’).Array.from(Map.keys()) converts the iterator into an array of keys: ['GFG', 'Geeks'].2. Using for...of Loop MethodThe for...of loop method converts Map keys to an array by iterating over map.keys(). Within the loop, each key is pushed into a new array. JavaScript let map = new Map().set('GFG', 1) .set('Geeks', 2).set('Geeksforgeeks', 3); let a = []; for (let key of map.keys()) { a.push(key); } console.log(a); Output[ 'GFG', 'Geeks', 'Geeksforgeeks' ] In this exampleA Map object is created with three key-value pairs: 'GFG' => 1, 'Geeks' => 2, and 'Geeksforgeeks' => 3.The for...of loop iterates over the keys of the Map and pushes each key ('GFG', 'Geeks','Geeksforgeeks') into the array.3. Using Object.keys() and Object.fromEntries()The Object.keys() and Object.fromEntries() methods in JavaScript convert Map keys to an array by first transforming the Map into an object with Object.fromEntries(map), then using Object.keys() to extract the keys from this object into an array. JavaScript const map = new Map([ ["JS", 1], ["Ruby", 2], ["C++", 3] ]); let obj = Object.fromEntries(map); let key = Object.keys(obj); console.log(key); Output[ 'JS', 'Ruby', 'C++' ] In this exampleA Map object is created with key-value pairs: "JS" => 1, "Ruby" => 2, and "C++" => 3.Object.fromEntries(map) converts the Map to an object, resulting in { JS: 1, Ruby: 2, C++: 3 }.Object.keys(obj) extracts the keys from the object, returning an array ['JS', 'Ruby', 'C++'], which is logged to the console.4. Using the Spread Operator (...)Another convenient way to convert the keys of a Map to an array is by using the spread operator(...). JavaScript const map = new Map([["JS", 1], ["Ruby", 2], ["C++", 3]]); const key = [...map.keys()]; console.log(key); Output[ 'JS', 'Ruby', 'C++' ] In this examplemap.keys() returns an iterator object.The spread operator (...) expands the iterator into individual elements and creates an array. Comment More infoAdvertise with us Next Article How to convert a plain object into ES6 Map using JavaScript ? P PranchalKatiyar Follow Improve Article Tags : JavaScript Web Technologies javascript-array JavaScript-DSA Similar Reads How to serialize a Map in JavaScript ? In this article, we will discuss, the serialization of maps in JavaScript. Serialization is the conversion of an object or a data structure to another format that is easily transferrable on the network. In JavaScript, the format suitable for transferring is JSON string. So, we usually call the JSON. 2 min read How to iterate over Map elements in JavaScript ? Map() is very useful in JavaScript it organises elements into key-value pairs. This method iterates over each element in an array and applies a callback function to it, allowing for modifications before returning the updated array." The Map() keyword is used to generate the object. The map() method 3 min read How are elements ordered in a Map in JavaScript ? In JavaScript, a new object called Map was introduced in the ES6 version. A map is a collection of elements where each element is stored in a key, value pair. Map objects can store both objects as well as primitive data types. The elements of a map are iterable. Elements are always iterated in the i 2 min read What is JavaScript Map and how to use it ? What is Map?A Map in JavaScript is a collection of key-value pairs where keys can be any data type. Unlike objects, keys in a Map maintain insertion order. It provides methods to set, get, delete, and iterate over elements efficiently, making it useful for data storage and retrieval tasks.Syntaxnew 2 min read How to Sort a Map in JavaScript? Sorting a Map in JavaScript involves ordering its key-value pairs based on the keys or values. Since Maps maintain the insertion order, you can't directly sort them like arrays. Instead, you'll need to convert the Map into an array, sort it, and then convert it back into a Map.Below are the approach 3 min read How to map array values without using map method in JavaScript ? Array elements can be mapped by using looping methods in JavaScript. The map() method creates a new array with the results of the output of a function called for each array element. This can also be implemented using a for loop in JavaScript.Approach 1: For this, we can create two arrays, in which o 3 min read What is the difference between Map and WeakMap in JavaScript ? In this article, we will talk about the difference between Map and WeakMap which are introduced by ES6. Javascript object supports only one key object. For supporting multiple key objects, Then Map comes on this path. Map: A Map is an unordered list of key-value pairs where the key and the value can 4 min read How To Convert Map Keys to an Array in JavaScript? Here are the various methods to convert Map keys to an array in JavaScript1. Using array.from() MethodThe Array.from() method in JavaScript converts Map keys to an array by using 'Array.from(map.keys())'. JavaScriptlet map = new Map().set('GFG', 1).set('Geeks', 2); let a = Array.from(map.keys()); co 2 min read How to convert a plain object into ES6 Map using JavaScript ? The task is to convert a JavaScript Object into a plain ES6 Map using JavaScript. we're going to discuss a few techniques. To understand the difference between a map and an object please go through the Map vs Object in JavaScript article. Below are the following approaches to converting a plain obje 2 min read JavaScript - Use map() on an Array in Reverse Order Here are the different methods to use map() on an array in reverse order with JavaScript1. Using JavaScript array.reverse() methodThe idea is to use the .reverse() method just after applying the .slice() method. Then use the .map() method on the reversed array to perform the task.JavaScriptlet a = [ 3 min read Like