You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

JavaScript Array.sort()方法未按从小到大顺序排序的技术问题咨询

解决JavaScript Array.sort()数值排序异常问题

这个问题我太熟悉了!你遇到的是JavaScript中Array.sort()方法的默认行为陷阱——它默认不是按数值大小排序,而是按字符串的Unicode编码顺序来比较的。

问题原因

你看到的[10, 11, 5.3, 5.3,...]这种排序结果,本质是因为sort()默认把数组元素转成字符串后再对比:

  • 字符串"10"的第一个字符"1"的Unicode值(U+0031)小于"5"的Unicode值(U+0035),所以"10"会排在"5.3"前面
  • 同理"11"也会排在所有以"5"开头的数值字符串前面

修复方案

给sort()方法传入一个数值比较函数,明确告诉它按数值大小排序:

  • 升序排序(从小到大)用(a, b) => a - b
  • 降序排序(从大到小)用(a, b) => b - a

修改你的代码

把原来的return data.sort()替换成带比较函数的版本,还可以加上无效数值过滤逻辑让代码更健壮:

while (true) { 
  let texts = await page.evaluate(() => { 
    let data = []; 
    let elements = document.getElementsByClassName("my-2 card__price tw-truncate"); 
    for (var element of elements) { 
      var floor = Number(element.textContent.split("SOL")[0]) 
      // 过滤掉无效数值,避免NaN干扰排序结果
      if (!isNaN(floor)) {
        data.push(floor)
      }
    } 
    // 传入数值比较函数实现正确升序排序
    return data.sort((a, b) => a - b); 
  }); 
  floorpricearray = texts 
  if (texts !== undefined) { 
    console.log(floorpricearray) 
  } 
}

修复后的预期输出

修改后你的数组会按正确的数值升序排列:
[5.3, 5.3, 5.38, 5.4, 5.4, 5.4321, 5.4321, 5.5, 5.6942, 5.8, 5.95, 6.2, 7, 7.95, 7.99, 8.05, 8.3, 9, 10, 11]

内容的提问来源于stack exchange,提问作者RainyPlays

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.28 14:02:31