如何在 JavaScript 中对地图进行排序？

JavaScript 中的Map是一种特殊的对象，它以[key, value]对的形式存储元素。地图 既可以存储原始数据，也可以存储对象。遍历 map 对象时，它以与插入相同的顺序返回[key, value]对。

在本文中，我们将看到如何根据键的值对 Map 进行排序。实现此目标的一种方法是在借助 Map.entries () 方法生成的对象的数组解构帮助创建的多维数组上使用 JavaScript 中可用的内置sort ()函数。

句法：

[...map1.entries()] 
# this will generate a multi-dimensional array 
# out of the key-value pairs stored in the map

现在我们将使用sort函数对该数组进行升序排序，默认情况下，它将根据存储在数组中的第一个元素的递增值对数组进行排序。

[...map1.entries()].sort()

让我们用例子来理解。

示例 1：在此示例中，我们按键的递增值对地图进行排序。

Javascript

    // Initializing and inserting values into Map
    let map1 = new Map([
      [4, 2],
      [2, 3],
    ]);
     
    // Inserting new element into map using set() method
    map1.set(3, 10);
    document.write("Our map :", "</br>");
    document.write(map1, "</br>");
     
    // Adding the sorting logic
    map1 = new Map([...map1.entries()].sort());
     
    // Separately printing only keys
    for (let [key, value] of map1) {
      document.write(key, " ");
    }

输出：

Our map :
Map(3) { 4 => 2, 2 => 3, 3 => 10 }
2 3 4

示例 2：在此示例中，我们按键的递减值对地图进行排序。

Javascript

    let map1 = new Map([
      [4, 2],
      [2, 3],
    ]);
     
    // Inserting new element into map using set() method
    map1.set(3, 10);
    document.write("Our map :", "</br>");
    document.write(map1, "</br>");
     
    // Adding the custom sorting logic to sort
    // by decreasing values of keys
    map1 = new Map([...map1.entries()].sort((a, b) => b[0] - a[0]));
     
    // Separately printing only keys
    for (let [key, value] of map1) {
      document.write(key, " ");
    }

输出：

Our map :
Map(3) { 4 => 2, 2 => 3, 3 => 10 }
4 3 2