JavaScript 数组排序：如何将数字升序排列并将 NaN 置于末尾-js教程-PHP中文网

JavaScript 数组排序：如何将数字升序排列并将 NaN 置于末尾

本文详解如何在 javascript 中对包含 nan 的数组进行稳定排序，使数字按升序排列、nan 统一排在末尾，并解释默认 sort 行为失效的原因及正确实现方案。

本文详解如何在 javascript 中对包含 nan 的数组进行稳定排序，使数字按升序排列、nan 统一排在末尾，并解释默认 sort 行为失效的原因及正确实现方案。

在 JavaScript 中，Array.prototype.sort() 默认将元素转为字符串再比较，而 NaN 在数值运算和比较中具有特殊行为——任何与 NaN 的数值比较（如 NaN > 5、NaN === NaN）均返回 false，且 NaN - 5 结果仍为 NaN。这导致常见写法 array.sort((a, b) => a - b) 失效：当 a 或 b 为 NaN 时，a - b 返回 NaN，而 sort 函数将 NaN 视为 0（规范要求），从而破坏排序逻辑，甚至引发不可预测的顺序。

要实现「数字升序 + NaN 置尾」的目标，关键在于优先按是否为 NaN 分组，再对有效数字排序。推荐使用复合比较函数：

const array = [5, 9, NaN, 3, 15];

// 升序：NaN 排在最后，其余数字升序
const sortedAsc = [...array].sort((a, b) => {
  // 第一优先级：isNaN(a) - isNaN(b) → 0（都不是 NaN）、-1（a 是 NaN，b 不是）、1（a 不是，b 是）
  // 若结果非零，直接决定顺序；否则继续比较数值
  return isNaN(a) - isNaN(b) || a - b;
});

// 降序：NaN 仍排在最后，数字部分降序
const sortedDesc = [...array].sort((a, b) => isNaN(a) - isNaN(b) || b - a);

console.log(sortedAsc); // [3, 5, 9, 15, NaN]
console.log(sortedDesc); // [15, 9, 5, 3, NaN]

✅ 原理说明：