JavaScript中map()遍历数组时如何对字符串元素正确执行排序

sort()是JavaScript数组原型的内置方法，字符串类型本身没有挂载这个方法，这是你代码运行报错的根本原因：

• 第一版代码中map遍历拿到的s是原始字符串，直接调用s.sort()时引擎找不到对应方法
• 第二版代码加了s.toString()处理后，返回值依然是字符串类型，还是不存在sort方法，因此依旧抛出TypeError: s.toString(...).sort is not a function错误。

要实现「每个子数组第一项是原字符串排序后的结果、第二项是原始字符串」的需求，需要先把字符串拆为字符数组，排序完成后再拼接回字符串，完整代码如下：

const strs = ["one", "two"];
const sorted_str = strs.map((s) => {
  // 拆分字符数组 -> 排序 -> 拼接为排序后的新字符串
  const sortedS = s.split('').sort().join('');
  return [sortedS, s];
});

// 运行输出结果：[["eno", "one"], ["otw", "two"]]

每一步的作用：

• split('')：把原始字符串按单个字符切割，得到由字符组成的数组，比如"one"会被转为['o', 'n', 'e']
• sort()：默认按字符的Unicode编码顺序对数组排序，上述数组排序后得到['e', 'n', 'o']
• join('')：把排序后的字符数组重新拼接为完整字符串，最终得到排序后的结果"eno"

如果需要处理大小写混合、非英文字符的排序场景，可以给sort()传入自定义比较函数调整排序规则，纯小写英文字符的场景下上面的代码可以直接使用。

内容的提问来源于stack exchange，提问作者amancalledaman