大家好，又见面了，我是全栈君。
前言
前几天使用JavaScript中Array的sort排序字符串，发现排序不准确，这里记一下。
第一版
var arr = ['0', '1', '11', '11', '2', '12', '123', '123', '333', '5'];
// 第一个版本
arr.sort(function(a, b) {
return a > b;
})
console.log(arr); // ['0', '1', '11', '11', '12', '123', '123', '2', '333', '5']
// 这里发现结果不对，预想的结果是 ['0', '1', '2', '5', '11', '11', '12', '123', '123', '333'] 那就找原因。发现的问题是字符串比较引起的。
在JavaScript中，字符串的比较，是字符按从左到右一一对应比较的。如果两个字符串第一个字符是一样，就比较第二个字符，如果第二个相等，就比较第三个，以此类推，直到比较出结果。
而单个字符间比较的规则，这是是比较他们的charCode的大小。
列如:
'a'.charCodeAt(0) // 97
'b'.charCodeAt(0) // 98
'a' > 'b' // false第二版
明白了字符串比较的规则后, 就修改为下面的版本。
var arr = ['0', '1', '11', '11', '2', '12', '123', '123', '333', '5', '100'];
// 第二个版本
var isNumber = function(str) {
// 前面说了是字符串类型，所以这里没有做类型判断
return !isNaN(str);
}
// isNaN 这个方法需要注意, 会隐式的进行类型转, 需要注意
// isNaN(null) => false, isNaN(true) => false, isNaN([]) => false
arr.sort(function(a, b) {
// 如果比较双方都是number类型的字符，按照number进行比较
if(isNumber(a) && isNumber(b)) {
// 隐式转换
return a - b;
}
return a > b;
})第三版
字符里面全都是数字是没有问题了，但是还需要考虑非纯数字的情况
var arr = ['0', '1', '11', '11', '2', '12', '123', '123', '333', '5', 'aa', '1aa'];
// 从小到大
var isNumber = function(str) {
// 前面说了是字符串类型，所以这里没有做类型判断
return !isNaN(str);
}
arr.sort(function(a, b) {
// 如果比较双方都是number类型的字符，按照number进行比较
if(isNumber(a) && isNumber(b)) {
// 隐式转换
return a - b;
}
return a > b;
})
// 输出结果 ["0", "1", "2", "5", "11", "11", "12", "123", "123", "1aa", "333", "aa"] 这个没有问题的
// 从大到小
var arr = ['0', '1', '11', '11', '2', '12', '123', '123', '333', '5', 'aa', '1aa'];
var isNumber = function(str) {
// 前面说了是字符串类型，所以这里没有做类型判断
return !isNaN(str);
}
arr.sort(function(a, b) {
// 如果比较双方都是number类型的字符，按照number进行比较
if(isNumber(a) && isNumber(b)) {
// 隐式转换
return b - a;
}
return b > a;
})
// 输出结果 ["123", "1aa", "aa", "5", "2", "333", "123", "12", "11", "11", "1", "0"] 已经是不符合期望于是查找原因，发现原因是sort的比较方法的返回值不对。
如果想按照其他标准进行排序，就需要提供比较函数，该函数要比较两个值，然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b，其返回值如下：
若 a 小于 b，在排序后的数组中 a 应该出现在 b 之前，则返回一个小于 0 的值。
若 a 等于 b，则返回 0。
若 a 大于 b，则返回一个大于 0 的值。
而在第二版的返回值是true与false，对应的是 1 和 0。于是修改为下面的版本
var arr = ['0', '1', '11', '11', '2', '12', '123', '123', '333', '5', 'aa', '1aa'];
// 从大到小
var isNumber = function(str) {
// 前面说了是字符串类型，所以这里没有做类型判断
return !isNaN(str);
}
arr.sort(function(a, b) {
// 如果比较双方都是number类型的字符，按照number进行比较
if(isNumber(a) && isNumber(b)) {
// 隐式转换
return b - a;
}
return b === a ? 0 : b > a ? 1 : -1;
})
// 输出结果["aa", "333", "1aa", "123", "123", "12", "11", "11", "5", "2", "1", "0"]总结
在JS中字符串比较和sort进行排序不经常使用，使用的时候多测测。就能越过一些不必要的坑。
字符串比较是一个一个字符进行比较
Array中sort方法的比较函数返回值正值，负值，0的含义
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/107638.html原文链接：https://javaforall.net
