使用 JavaScript 对 Map 中的键进行排序

Z时代
2024-01-10
分类：综合

使用 sort() 方法对 Map 中的键进行排序，例如


const sorted = newMap([...map1].sort())。

(...) 是用于获取 Map 元素的数组，我们可以使用 sort 方法对其进行排序。看下面的例子


const map1 = newMap([
  ['z', 'three'],
  ['a', 'one'],
  ['b', 'two'],
]);
//  {'z' => 'three', 'a' => 'one', 'b' => 'two'}
console.log(map1);
// 升序
const sortedAsc = newMap([...map1].sort());
// {'a' => 'one', 'b' => 'two', 'z' => 'three'}
console.log(sortedAsc);

运行示例

上面代码运行结果如下


Map(3) { 'z' => 'three', 'a' => 'one', 'b' => 'two' }
Map(3) { 'a' => 'one', 'b' => 'two', 'z' => 'three' }
Map(3) { 'z' => 'three', 'b' => 'two', 'a' => 'one' }
Map(3) { 1 => 'one', 2 => 'two', 3 => 'three' }
Map(3) { 3 => 'three', 2 => 'two', 1 => 'one' }

Map 对象会记住键的插入顺序。

这就是我们使用 Map() 构造函数以正确顺序创建新 Map 的原因。

扩展语法 (...) 允许我们获取包含 Map 元素的数组。


const map1 = newMap([
  ['z', 'three'],
  ['a', 'one'],
  ['b', 'two'],
]);
// [['z', 'three'], ['a', 'one'], ['b', 'two']]
console.log([...map1]);

当使用字符串键对 Map 进行排序时，我们只需要调用 sort() 方法。


const map1 = newMap([
  ['z', 'three'],
  ['a', 'one'],
  ['b', 'two'],
]);
// [['a', 'one'], ['b', 'two'], ['z', 'three']]
console.log([...map1].sort());

这为我们提供了一个包含键值对数组的数组，我们可以直接将其传递给 Map 构造函数以\从而创建一个带有排序键的新 Map。

这是完整的代码片段：


const map1 = newMap([
  ['z', 'three'],
  ['a', 'one'],
  ['b', 'two'],
]);
// {'z' => 'three', 'a' => 'one', 'b' => 'two'}
console.log(map1);
// 升序
const sortedAsc = newMap([...map1].sort());

在键值对数组上调用 sort() 方法时，我们只是对键值对的字符串转换进行排序，例如 {z,three} 对 {a,one}。

我们使用相同的方法按降序对 Map 的键进行排序。我们所要做的就是在排序后添加对 reverse() 方法的调用。


const map1 = newMap([
  ['z', 'three'],
  ['a', 'one'],
  ['b', 'two'],
]);
// 降序
const sortedDesc = newMap([...map1].sort().reverse());
console.log(sortedDesc);

如果 Map 的键是数字，则sort()方法的参数必须是一个函数。该方法的参数是一个定义排序顺序的函数。该函数使用 2 个参数。


const map2 = newMap([
  [3, 'three'],
  [1, 'one'],
  [2, 'two'],
]);
// 升序
const sortNumAsc = newMap([...map2].sort((a, b) => a[0] - b[0]));
// {1 => 'one', 2 => 'two', 3 => 'three'}
console.log(sortNumAsc);