How to sort Map object data by value instead of its key?

Question

I am trying to see if there is a way to sort the Map object data not by the key (app.id) but by the value (app.description). For example, I have the following data that is coming in using the following code:

let newMap = new Map();
_.forEach(this.props.applicationTypes.APPLICATION_TYPE, (appType) => {
  newMap.set(appType.id, appType.description);
});
this.setState({applicationTpeMap: newMap});

[[Entries]]
  0: {234 => "Technical Assistance"}
  1: {235 => "Initiative Project"}
  2: {236 => "Project scoping"}
  3: {231 => "Plan"}
  4: {232 => "Project"}
  5: {233 => "Management Cost"}

I am able to sort this data using the sort method of javascript, but it sorts the data based of the id as seen below:

let newMap = new Map();
_.forEach(this.props.applicationTypes.APPLICATION_TYPE, (appType) => {
  newMap.set(appType.id, appType.description);
});
const mapAsc = new Map([...newMap.entries()].sort());
this.setState({applicationTpeMap: mapAsc});

[[Entries]]
  0: {231 => "Plan"}
  1: {232 => "Project"}
  2: {233 => "Management Cost"}
  3: {234 => "Technical Assistance"}
  4: {235 => "Initiative Project"}
  5: {236 => "Project scoping"}

what I am looking for is something like this where the data is sorted by the description such as the following:

Desired output:

[[Entries]]
0: {235 => "Initiative Project"}
1: {233 => "Management Cost"}
2: {231 => "Plan"}
3: {232 => "Project"}
4: {236 => "Project scoping"}
5: {234 => "Technical Assistance"}

Hassan Imam · Accepted Answer · 2020-08-26 05:06:19Z

2

You can use entries() and sort that array and generate a new map.

let newMap = new Map();
newMap.set(234, "Technical Assistance");
newMap.set(235, "Initiative Project");
newMap.set(236, "Project scoping");
newMap.set(231, "Plan");
newMap.set(232, "Project");
newMap.set(233, "Management Cost");
const sorted = new Map([...newMap.entries()].sort((a, b) => a[1].localeCompare(b[1])));
console.log([...sorted.entries()]);

.as-console-wrapper { max-height: 100% !important; top: 0; }

answered Aug 26, 2020 at 5:06

Hassan Imam

22.6k6 gold badges45 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

dev101 Over a year ago

Thank you so much @Hassan! This worked like a charm.

Collectives™ on Stack Overflow

How to sort Map object data by value instead of its key?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related