js map类型排序|极客笔记

js map类型排序

在JavaScript中，Map是一种可迭代的集合，其中的元素是以键值对的形式存储的。Map对象保存了键值对的插入顺序，因此它是有序的，这使得Map对象在处理大量数据时非常有用。如果你需要对Map对象中的元素进行排序，可以使用一些方法来实现。

使用Array.from()和sort()方法

一种常见的方法是将Map对象转换为数组，然后使用sort()方法对数组进行排序。下面是一个示例代码：

let map = new Map();
map.set('a', 1);
map.set('b', 3);
map.set('c', 2);

let arrayFromMap = Array.from(map);

arrayFromMap.sort((a, b) => {
  return a[1] -b[1];
});

console.log(arrayFromMap);

运行上面的代码，会输出按值进行排序的数组：[ [ 'a', 1 ], [ 'c', 2 ], [ 'b', 3 ] ]。

这种方法简单直接，适合对Map对象中的值进行排序。但如果想要根据键来排序，下面介绍一个更通用的方法。

使用Array.from()和sort()方法排序键值对

如果想根据Map对象中的键或者值进行排序，可以使用上面的方法，并稍作修改。下面是一个示例代码：

let map = new Map();
map.set('b', 3);
map.set('a', 1);
map.set('c', 2);

let arrayFromMap = Array.from(map);

arrayFromMap.sort((a, b) => {
  return a[0] > b[0] ? 1 : -1; // 根据键排序
  // return a[1] - b[1]; // 根据值排序
});

console.log(arrayFromMap);

在上面的代码中，通过修改sort()方法的排序逻辑，可以实现根据键或者值进行排序。如果想根据键排序，可以将a[0]和b[0]对比；如果想根据值排序，可以将a[1]和b[1]对比。运行上面的代码，会输出按键进行排序的数组：[ [ 'a', 1 ], [ 'b', 3 ], [ 'c', 2 ] ]。

使用扩展操作符和Array.from()方法排序

除了使用Array.from()方法，还可以使用扩展操作符(…)来将Map对象转换为数组。下面是一个示例代码：

let map = new Map();
map.set('b', 3);
map.set('a', 1);
map.set('c', 2);

let arrayFromMap = [...map];

arrayFromMap.sort((a, b) => {
  return a[0] > b[0] ? 1 : -1;
});

console.log(arrayFromMap);

运行上面的代码，同样会输出按键进行排序的数组：[ [ 'a', 1 ], [ 'b', 3 ], [ 'c', 2 ] ]。

使用扩展操作符可以简化代码，但需要注意的是，这种方式在某些情况下可能会失去Map对象的有序性。

使用Array.from()和Map构造函数排序

除了将Map对象转换为数组，还可以通过Map构造函数来创建新的Map对象，并排序。下面是一个示例代码：

let map = new Map();
map.set('b', 3);
map.set('a', 1);
map.set('c', 2);

let sortedMap = new Map(Array.from(map).sort((a, b) => {
  return a[0] > b[0] ? 1 : -1;
}));

console.log(sortedMap);

在上面的代码中，首先将Map对象转换为数组，然后使用sort()方法对数组进行排序，最后通过Map构造函数创建了一个新的Map对象。运行上面的代码，会输出按键进行排序的新Map对象：Map(3) { 'a' => 1, 'b' => 3, 'c' => 2 }。

使用Array.from()和自定义比较函数排序

如果想要更灵活地排序Map对象中的元素，可以使用自定义比较函数来实现。下面是一个示例代码：

let map = new Map();
map.set('b', 3);
map.set('a', 1);
map.set('c', 2);

let arrayFromMap = Array.from(map);

// 自定义比较函数
function compareFunc(a, b) {
  if(a[1] < b[1]) {
    return -1;
  } else if(a[1] > b[1]) {
    return 1;
  } else {
    return 0;
  }
}

arrayFromMap.sort(compareFunc);

console.log(arrayFromMap);

在上面的代码中，定义了一个自定义比较函数compareFunc，用来根据值对Map对象中的元素进行排序。运行上面的代码，会输出按值进行排序的数组：[ [ 'a', 1 ], [ 'c', 2 ], [ 'b', 3 ] ]。