JS Map對象排序

    JS 中Map對象會按照元素的寫入順序來保存,有時我們想對Map中的對象進行排序應該怎麼做呢?參考別人的回答這裏做一個小小的總結;

假如有以下map

var map=new Map();
map.set("b","8");
map.set("c","10");
map.set("a","1");
map.set("d","7");
map.set("e","3");

現在想根據value從小到大排序,首先轉換爲數組對象

var arrayObj=Array.from(map);

得到的arrayObj中索引0爲map中的key,索引1爲map中的value,下面可以採用數組的排序方法

arrayObj.sort(function(a,b){return a[1]-b[1]})

 結果爲:

(5) [Array(2), Array(2), Array(2), Array(2), Array(2)]
0: (2) ["a", "1"]
1: (2) ["e", "3"]
2: (2) ["d", "7"]
3: (2) ["b", "8"]
4: (2) ["c", "10"]
length: 5
__proto__: Array(0)

如果是想按key排序,只需要更改一下sort方法爲

arrayObj.sort(function(a,b){return a[0].localeCompare(b[0])})

結果爲:

(5) [Array(2), Array(2), Array(2), Array(2), Array(2)]
0: (2) ["a", "1"]
1: (2) ["b", "8"]
2: (2) ["c", "10"]
3: (2) ["d", "7"]
4: (2) ["e", "3"]
length: 5
__proto__: Array(0)

接下來可以這樣轉換爲Map對象:

var result = new Map(arrayObj.map(i => [i[0], i[1]));

結果爲:

Map(5) {"a" => "1", "e" => "3", "d" => "7", "b" => "8", "c" => "10"}
size: (...)
__proto__: Map
[[Entries]]: Array(5)
0: {"a" => "1"}
1: {"e" => "3"}
2: {"d" => "7"}
3: {"b" => "8"}
4: {"c" => "10"}
length: 5

參考:

1.  Javascript Sort key value pair object based on value

2.  Convert object array to hash map, indexed by an attribute value of the Object

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章