JavaScript sort a Map By Key Value Example

Sorting a map by key or value in JavaScript is usually necessary when you need to organize your data structure for easy retrieval or presentation. Sorting by key lets you organize your data alphabetically or in a specific order, making it more accessible when searching for specific items. On the other hand, sorting by value is useful for ranking or prioritizing data, such as finding the highest or lowest value. Whether you’re working with data manipulation, data visualization, or any application where data order matters, knowing how to sort a map in JavaScript by key or value will help you manage your data effectively and Provides a valuable tool for processing.

In this tutorial, you will learn how to sort a map by key and value in javascript.

How to sort a Map By Key Value in JavaScript?

Here are some ways to sort a Map by key value in javascript:

• Way 1 – Sorting a Map by Key
• Way 2 – Sorting a Map by Value
• Way 3 – Reverse Sorting

Way 1 – Sorting a Map by Key

To sort a map by its keys, you can follow these steps:

1. Convert the Map into an array of key-value pairs using the Array.from() method.
2. Use the Array.prototype.sort() method to sort the array of key-value pairs.
3. Create a new Map from the sorted array.

Here’s an example to sort a map by its keys:

// Sample Map
const unsortedMap = new Map([
  ['apple', 3],
  ['banana', 1],
  ['cherry', 2],
]);

// 1. Convert Map to array of key-value pairs
const keyValArray = Array.from(unsortedMap);

// 2. Sort the array by keys
keyValArray.sort((a, b) => a[0].localeCompare(b[0]));

// 3. Create a new Map from the sorted array
const sortedMapByKey = new Map(keyValArray);

console.log(sortedMapByKey);

Way 2 – Sorting a Map by Value

To sort a Map by its values, you can follow these steps:

1. Convert the Map into an array of key-value pairs using the Array.from() method.
2. Use the Array.prototype.sort() method with a custom sorting function that sorts by values.
3. Create a new Map from the sorted array.

Here’s an example code to sort a map by value:

// Sample Map
const unsortedMap = new Map([
  ['apple', 3],
  ['banana', 1],
  ['cherry', 2],
]);

// 1. Convert Map to array of key-value pairs
const keyValArray = Array.from(unsortedMap);

// 2. Sort the array by values
keyValArray.sort((a, b) => a[1] - b[1]);

// 3. Create a new Map from the sorted array
const sortedMapByValue = new Map(keyValArray);

console.log(sortedMapByValue);

Way 3 – Reverse Sorting

If you want to sort in descending order (for example, highest to lowest value), you can reverse the comparison in the sorting function:

keyValArray.sort((a, b) => b[1] - a[1]);

This will sort the Map by value in descending order.

Conclusion

That’s it! You learned how to sort a JavaScript map by both key and value. Sorting maps can be useful for a variety of tasks, such as organizing data for preparing it for further processing.

Recommended Tutorials