如何在JavaScript中正确排序含字母数字混合元素的数组？

Got it, let's sort out this problem for you! The issue with your current sort((a,b) => a - b) method is that when JavaScript tries to coerce strings like 1A to numbers, it ends up with NaN. Any comparison involving NaN breaks the standard sort logic, which is why 1A gets pushed to the end instead of grouping with 1.

Here's a custom sort function that will give you exactly the expected output:

const originalArray = ["6", "3", "1A", "4", "10", "1"];
const sortedArray = originalArray.sort((a, b) => {
    // Extract the leading numeric part of each element
    const numA = parseInt(a, 10);
    const numB = parseInt(b, 10);

    // First sort by the numeric value
    if (numA !== numB) {
        return numA - numB;
    }

    // If numbers are equal, sort lexicographically to handle suffixes
    return a.localeCompare(b);
});

console.log(sortedArray); // Output: ["1", "1A", "3", "4", "6", "10"]

How this works: #

• Extract numeric values: parseInt(a, 10) pulls out the leading number from each string—so 1A becomes 1, 10 stays 10, etc. This lets us sort by the core number first.
• Primary sort: numeric order: Elements are grouped by their numeric value, so all items starting with 1 come before those starting with 3, and so on.
• Secondary sort: lexicographical order: When two elements share the same base number (like 1 and 1A), localeCompare ensures the plain number comes before the one with a letter suffix, since "1" is lex smaller than "1A".

This solution is robust too—if you later add elements like 2B or 2, they'll sort correctly as ["2", "2B", ...].

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