JavaScript数组排序详解：sort与localeCompare实现中文排序

JavaScript数组排序基础与sort方法原理

在进行表格数据排序之前，必须掌握数组排序的基础知识，因为数组排序是构建表格排序功能的核心前提。

JavaScript原生为Array对象提供了sort()方法，该方法默认依据ASCII码值对数组元素进行升序排列。此外，Array还内置了reverse()方法，用于将数组元素顺序完全颠倒。

以下是一个基础示例，展示sort()和reverse()的默认行为：

function sortArray(){
var arrayTest = ["z",5,2,"a",32,3];
arrayTest.sort();
alert(arrayTest.toString()); //output:2,3,32,5,a,z
arrayTest.reverse();
alert(arrayTest.toString()); //output:z,a,5,32,3,2
         }
sortArray();

观察输出结果可以发现，数字5被排在32之后，这显然不符合数值大小逻辑。原因在于sort()方法默认将元素转换为字符串后，按照ASCII码顺序进行比较，而非数值比较。

自定义比较函数与localeCompare中文排序实现

为了解决这一问题，sort()方法允许接收一个自定义的比较函数作为参数。该比较函数接收两个参数，并根据返回值决定元素的相对位置：

-1：第一个参数 小于 第二个参数
0：第一个参数 等于 第二个参数
1：第一个参数 大于 第二个参数

/**
* 比较函数
* @param {Object} param1 要比较的参数1
* @param {Object} param2 要比较的参数2
* @return {Number} 如果param1 > param2 返回 1
* 如果param1 == param2 返回 0
* 如果param1 < param2 返回 -1
           */
function compareFunc(param1,param2){
//如果两个参数均为字符串类型
if(typeof param1 == "string" && typeof param2 == "string"){
return param1.localeCompare(param2);
             }
//如果参数1为数字，参数2为字符串
if(typeof param1 == "number" && typeof param2 == "string"){
return -1;
             }
//如果参数1为字符串，参数2为数字
if(typeof param1 == "string" && typeof param2 == "number"){
return 1;
             }
//如果两个参数均为数字
if(typeof param1 == "number" && typeof param2 == "number"){
if(param1 > param2) return 1;
if(param1 == param2) return 0;
if(param1 < param2) return -1;
             }
         }

当调用arrayTest.sort(compareFunc)时，数组将依据上述逻辑进行正确排序。接下来需要深入解析localeCompare()方法，该方法专门用于字符串比较，仅接收一个参数（即待比较的字符串）。

其返回值规则如下：

1、如果String对象按照字母顺序排在参数中的字符串之前，返回负数 2、如果String对象按照字符顺序排在参数中的字符串之后，返回正数 3、如果String对象等于参数中的字符串返回0

localeCompare()方法的一个显著特点是其区域敏感性（Locale-aware）。其实现机制依赖于当前的语言环境设置：在英语环境下，它通常按字母顺序排序；而在中文环境下，它则依据汉字的拼音首字母进行排序。

这意味着在处理包含汉字的数组时，利用该方法可以实现符合中文习惯的排序效果。参考以下程序示例：

var testArray = ["脚","本","之","家"];
document.write(testArray.sort(
function compareFunction(param1,param2){
return param1.localeCompare(param2); //output:之,家,本,脚
             }
         ));