默认按字符串字典序排序会导致 "1.10"
直接用
Array.prototype.sort()对含版本号的文件名(如["file-1.10.txt", "file-1.2.txt", "file-2.0.txt"])排序,默认会按字符串字典序比较,导致"1.10" 成立(因为"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] → 实际比较到第三位: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 </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"] </p>











