JavaScript数组push后链式调用sort问题及两种sort写法差异

单行实现写法 #

首先说明原有两种写法的错误原因：

• x.push(5, 9).sort() 报错的核心原因是push()方法的返回值是数组修改后的长度（数字类型），数字本身没有sort方法，无法完成链式调用。
• x.sort(x.push(5, 9)) 虽然会先执行push操作把元素加入数组，但传入sort的参数是push返回的数字（数组长度），不是合法的比较函数，要么触发类型错误，要么被运行环境容错忽略、走非预期的默认逻辑，完全不推荐使用。

等价于原两行逻辑（修改原数组）的最简洁单行写法是用逗号操作符：

x.push(5, 9), x.sort();

逗号操作符会依次执行左侧的push操作、右侧的sort操作，最终返回排序后的原数组，执行逻辑和两行写法完全一致。偏好链式调用风格的话也可以写成：

(x.push(5, 9), x).sort();

如果不需要修改原数组，想要直接得到追加元素后排序的新数组，可以用扩展运算符实现：

const newX = [...x, 5, 9].sort();

这种写法不会改动原数组x，和原两行修改原数组的逻辑有差异，按需选用即可。

两种sort调用的差异 #

两种写法的核心区别是排序规则完全不同：

• x.sort()：未传入比较函数时，sort会将所有数组元素转为字符串，按照UTF-16 Unicode码点顺序排序，不会按数值大小排序。比如对[10, 2, 13]执行该方法，得到的结果是[10, 13, 2]，因为字符串"10""13"的首字符"1"码点小于"2"。
• x.sort((a, b) => a - b)：传入了数值比较函数，会按照数值升序（从小到大）排序。比较函数的判定规则是：返回值小于0则a排在b前，等于0则a、b相对位置不变，大于0则b排在a前。同样对[10, 2, 13]执行该方法，得到的结果是[2, 10, 13]，符合数值排序的预期。

注意：(a, b) => a - b仅适用于元素全为数字（或可隐式转为合法数字）的数组，如果数组存在非数字元素，减法运算会得到NaN，最终排序结果不可预期。

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