分享
 
 
 

JavaScript学习笔记(3)数组排序以及在汉字排序中localeCompare()方法的使用

王朝html/css/js·作者佚名  2008-11-06
窄屏简体版  字體: |||超大  

说到表格排序,首先要说的就一定是数组的排序,因为数组排序是表格排序的基础。JavaScript为数组提供了sort()方法用于表格排序,默认情况下该方法会使Array中的数组按照ASCII码的顺序进行排列,JavaScript还为数组提供了数组倒序的方法reverse()。

看一下示例:

1 function sortArray(){

2 var arrayTest = ["z",5,2,"a",32,3];

3 arrayTest.sort();

4 alert(arrayTest.toString()); //output:2,3,32,5,a,z

5 arrayTest.reverse();

6 alert(arrayTest.toString()); //output:z,a,5,32,3,2

7 }

8 sortArray(); 呵呵,5比32还要大,很明显这不是我们想要的结果,刚才已经说过sort()方法是按照ASCII码的顺序排序的。其实sort()方法还允许带一个函数类型的的参数,我们可以称之为比较函数,当该比较函数又可以接收两个参数,以下该函数返回值的意义:

-1:第一个参数 小于 第二个参数

0:第一个参数 等于 第二个参数

1:第一个参数 大于 第二个参数

看一个例子:

1 /**

2 * 比较函数

3 * @param {Object} param1 要比较的参数1

4 * @param {Object} param2 要比较的参数2

5 * @return {Number} 如果param1 > param2 返回 1

6 * 如果param1 == param2 返回 0

7 * 如果param1 < param2 返回 -1

8 */

9 function compareFunc(param1,param2){

10 //如果两个参数均为字符串类型

11 if(typeof param1 == "string" && typeof param2 == "string"){

12 return param1.localeCompare(param2);

13 }

14 //如果参数1为数字,参数2为字符串

15 if(typeof param1 == "number" && typeof param2 == "string"){

16 return -1;

17 }

18 //如果参数1为字符串,参数2为数字

19 if(typeof param1 == "string" && typeof param2 == "number"){

20 return 1;

21 }

22 //如果两个参数均为数字

23 if(typeof param1 == "number" && typeof param2 == "number"){

24 if(param1 > param2) return 1;

25 if(param1 == param2) return 0;

26 if(param1 < param2) return -1;

27 }

28 } 当我们执行arrayTest.sort(compareFunc)时我们就得到了正确的结果。

到这里,我们不得不说明一下localeCompare()方法的用法,该方法是对字符串进行排序的方法,只有一个参数即要比较的字符串。具体说明如下:

1、如果String对象按照字母顺序排在参数中的字符串之前,返回负数

2、如果String对象按照字符顺序排在参数中的字符串之后,返回正数

3、如果String对象等于参数中的字符串返回0

除此之外,localeCompare()方法还有一个独特之处,这个独特之处可以在其方法签名locale(现场、当地)上得以体现,也就是说他的实现时按照区域特性来的,如果在英语体系中,他的实现可能是按照字符串升序,如果在汉语中,他的实现则是按照首字母的拼音。呵呵,这也就是说就算我们在程序中涉及汉字,我们的排序也不回出错。

参考以下程序:

1 var testArray = ["郑","州","信","源","信","息","技","术","股","份","有","限","公","司" ];

2 document.write(testArray.sort(

3 function compareFunction(param1,param2){

4 return param1.localeCompare(param2); //output:份,公,股,技,术,司,息,限,信,信,有,源,郑,州

5 }

6 ));

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有