默认按字符串字典序排序会导致 "1.10"

直接用 Array.prototype.sort() 对含版本号的文件名（如 ["file-1.10.txt", "file-1.2.txt", "file-2.0.txt"]）排序，默认会按字符串字典序比较，导致 "1.10" 成立（因为 <code>"10" 的首字符 "1" 等于 "2" 的首字符？不对——实际是 "1.10" 和 "1.2" 比较时，逐字符：`'1'==='1'` → `'.'==='.'` → `'1'"1.10" 为真），结果顺序错误。要还原人类直觉中的“数值大小优先、再按段落分层比较”的逻辑，必须提供自定义比较函数，对版本号部分做**自然排序（natural sort）**处理。

识别并提取版本号段落

不能简单用 split('.')，因为文件名中可能有多个点（如 "v2.3.0-beta.1.js"），而版本号通常位于特定位置（比如紧跟在名称后、扩展名前）。稳妥做法是：先用正则匹配常见版本模式，再对匹配到的版本字符串做分段解析。例如：

• 用 /[vV]?(\d+(?:\.\d+)*)/ 提取连续数字+点的版本片段（支持 "v1.2.3" 或 "2.0.10"）
• 若一个文件名含多个候选，优先取最靠后、且紧邻扩展名前的那个（如 "app-1.2.3.min.js" 中取 "1.2.3"）
• 提取失败时，将整个文件名或默认值（如 "0"）作为版本参与比较，避免报错

将版本字符串转为可比较的数字数组

把 "1.10.3" 拆成 [1, 10, 3]，"2.0" 拆成 [2, 0]，这样就能逐项比数值大小。关键点：

• 用 .split('.').map(Number) 转换，Number("10") → 10，Number("007") → 7（自动去前导零）
• 注意 Number("") → 0，所以空段（如 "1..3"）需提前过滤或替换为 0
• 长度不同时，短数组后续项视为 0（即 [1, 2] → 实际比较到第三位：<code>0 ）

编写稳定、健壮的比较函数

传给 sort() 的函数接收两个文件名 a 和 b，返回负数、0 或正数。核心逻辑是：分别提取并解析版本数组，然后循环比对每一段数值：

• 先比第一段：若 va[0] !== vb[0]，直接返回 va[0] - vb[0]
• 再比第二段……直到某一段不同，或其中一数组结束
• 若所有已存在段都相等，较长的版本更大（如 "1.2" ）
• 若版本完全相同，可 fallback 到原始字符串比较，保证排序稳定（如 "a-1.0.log" 和 "b-1.0.txt"）

完整示例代码

（可直接运行）

function extractVersion(str) {
  const match = str.match(/[vV]?(\d+(?:\.\d+)*)[^.]*(?=\.[^.]*$|$)/);
  return match ? match[1] : '0';
}
<p>function parseVersion(verStr) {
return verStr.split('.').map(s => Number(s) || 0);
}</p><p>function versionCompare(a, b) {
const va = parseVersion(extractVersion(a));
const vb = parseVersion(extractVersion(b));</p><p>const len = Math.max(va.length, vb.length);
for (let i = 0; i < len; i++) {
const na = va[i] !== undefined ? va[i] : 0;
const nb = vb[i] !== undefined ? vb[i] : 0;
if (na !== nb) return na - nb;
}
return a.localeCompare(b); // 版本相同时按字典序兜底
}</p><p>// 使用
const files = ["file-1.10.txt", "file-1.2.txt", "file-2.0.txt", "v3.1.0.js", "app-0.9.99.zip"];
files.sort(versionCompare);
// → ["app-0.9.99.zip", "file-1.2.txt", "file-1.10.txt", "file-2.0.txt", "v3.1.0.js"]