如何用JavaScript按字符串开头整数对字符串数组排序？

这问题处理起来很简单，直接利用JavaScript数组的sort()方法，配合正则提取字符串开头的数字就能搞定，最简便的实现如下：

const originalArr = [ 
  "15 Some string", 
  "16 Some string", 
  "13 Some string", 
  "11 Some string", 
  "6 Some string", 
  "8 Some string", 
  "12 Some string", 
  "5 Some string", 
  "9 Some string", 
  "10 Some string" 
];

// 降序排序的核心代码
const sortedArr = originalArr.sort((a, b) => {
  // 提取每个字符串开头的连续数字，转成整数
  const numA = parseInt(a.match(/^\d+/)[0], 10);
  const numB = parseInt(b.match(/^\d+/)[0], 10);
  // 降序排序：用第二个数减第一个数，大的数字会排在前面
  return numB - numA;
});

console.log(sortedArr);
// 输出：["16 Some string", "15 Some string", "13 Some string", "12 Some string", "11 Some string", "10 Some string", "9 Some string", "8 Some string", "6 Some string", "5 Some string"]

关键细节解释： #

• 正则匹配数字：/^\d+/用来匹配字符串开头的连续数字（^表示字符串起始位置，\d+表示一个或多个数字），match()方法返回包含匹配结果的数组，取第一个元素就是我们需要的数字字符串。
• 转整数的注意点：用parseInt转数字时一定要加第二个参数10，确保按十进制解析，避免遇到以0开头的数字时被当成八进制处理的问题。
• 降序逻辑：sort()的比较函数返回numB - numA，当这个值大于0时，b会排在a前面，从而实现降序排序。

可选的健壮性优化 #

如果你的数组里可能存在开头没有数字的字符串，可以加个判断处理这种边界情况，比如把没有数字的元素统一放到排序结果的末尾：

const sortedArr = originalArr.sort((a, b) => {
  const matchA = a.match(/^\d+/);
  const matchB = b.match(/^\d+/);
  
  // 没有匹配到数字的元素，默认给一个极小值，让它们排到最后
  const numA = matchA ? parseInt(matchA[0], 10) : -Infinity;
  const numB = matchB ? parseInt(matchB[0], 10) : -Infinity;
  
  return numB - numA;
});

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