如何依据元素内的数字对JavaScript字符串数组进行排序？

嘿，这个按字符串里的数字前缀排序的需求太常见啦！先聊聊你的实现思路，再给你推荐更简洁直观的方法～

你的现有实现分析 #

你当前的代码思路很巧妙：通过给数字加上100000把数字转成固定长度的字符串（比如1变成100001，10变成100010），利用字符串字典序排序的特性实现数字顺序的排序，最后再把数字减回去。这个方法确实能得到正确的结果，但有点绕，而且硬编码的100000如果遇到超大数字（比如超过999999），虽然逻辑上还是能工作，但始终不如直接比较数字来得直观可靠。

更简洁的自定义排序方案 #

其实我们可以直接利用Array.sort()的自定义比较函数，提取每个字符串的数字前缀转成整数后比较，代码更清晰易懂：

const arr = ["1.READ","10.CREATE","3.sfg","2.dfd","12.dqwe"];
// 先复制原数组避免修改原数据，再执行排序
const sortedArr = [...arr].sort((a, b) => {
    // 提取每个字符串的数字前缀并转为十进制整数
    const numA = parseInt(a.split('.')[0], 10);
    const numB = parseInt(b.split('.')[0], 10);
    // 升序排序：返回numA - numB；降序则返回numB - numA
    return numA - numB;
});

console.log(sortedArr);
// 输出：["1.READ","2.dfd","3.sfg","10.CREATE","12.dqwe"]

方案优势 #

• 直观易懂：直接操作数字进行比较，逻辑一目了然，后续维护起来更轻松
• 无长度限制：不管数字是1位还是10位，都能正确排序，不用担心硬编码数值的局限性
• 灵活可控：如果需要降序排序，只需要把返回值改成numB - numA即可

边界情况补充（可选） #

如果你的数组里可能存在没有.的字符串（比如"TEST"），可以加个兜底处理，比如把这类元素放到排序后的末尾：

const sortedArr = [...arr].sort((a, b) => {
    const getNum = (str) => {
        const parts = str.split('.');
        return parts.length > 1 ? parseInt(parts[0], 10) : Infinity;
    };
    return getNum(a) - getNum(b);
});

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