JavaScript sort() 排序的坑详解

前言:作项目的时候发现使用sort排序后的代码,在android和ios平台解析的结果不同。
clipboard.pngandroid

一、先从简单的开始,你们都知道sort()函数比较的是ASCII码的大小,并且并且并且:Array的sort()方法默认把全部元素先转换为String再排序,因此就有如下问题。ios

// baiDu排在了最后:
['Google', 'baiDu', 'Facebook'].sort(); // ['Facebook', 'Google", 'baiDu']

// 没法理解的结果:
[10, 20, 1, 2].sort(); // [1, 10, 2, 20]

结果转换成字符串比较,'10'排在了'2'的前面,由于字符'1'比字符'2'的ASCII码小函数

二、使用回调函数的错误spa

[10, 2, 3, 100, 6, 9].sort((a, b) => {
    return a < b;
});
// 没法理解的结果
[10, 2, 3, 100, 6, 9]

排序先后结果没有变化code

问题分析:
在sort实现的规范中有这么一条 sortFun(a,b) === 0,则有 a === b 且 b === a 。
此时咱们再看var sortFun = (a, b) => a < b,它等同于var sortFun = (a, b) => a < b ? 1 : 0。blog

它有一个隐藏的漏洞:当a >= b时,sortFun(a,b) === 0。而根据规范,经过sortFun(a,b) === 0能够推测出a === b,显然这里互相矛盾, 反之亦然(a > b的状况)。排序

因此比较的时候最好使用 a - b 或者 b - aip

正确写法:字符串

[10, 2, 3, 100, 6, 9].sort((a, b) => {
    return a - b;
});
// 结果
[2, 3, 6, 9, 10, 100]

android 和 ios平台解析的sort函数实现方式不一样,不规范的写法可能致使解析结果不一样回调函数

相关文章
相关标签/搜索