html中的sort方法,JavaScript_javascript中sort() 方法使用详解,语法:arrayObject.sort(sortby);参 - phpStudy...

javascript中sort() 方法使用详解

语法:arrayObject.sort(sortby);参数sortby可选。规定排序顺序。必须是函数。

sort() 方法用于对数组的元素进行排序。

如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,

首先应把数组的元素都转换成字符串(如有必要),以便进行比较。

如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。

比较函数应该具有两个参数 a 和 b,其返回值如下:

若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。

若 a 等于 b,则返回 0。

若 a 大于 b,则返回一个大于 0 的值。

用js中的sort()方法排序数字

var arr = [23,12,1,34,116,8,18,37,56,50];

alert(arr.sort();

返回:[1, 116, 12, 18, 23, 34, 37, 50, 56, 8]

上面的代码没有按照数值的大小对数字进行排序,要实现这一点,就必须使用一个排序函数:

var arr = [23,12,1,34,116,8,18,37,56,50];

function sequence(a,b){

if (a>b) {

return 1;

}else if(a

return -1

}else{

return 0;

}

}

console.log(arr.sort(sequence));

返回:[1, 8, 12, 18, 23, 34, 37, 50, 56, 116] (没有问题)

当然也可以把排序函数写到sort()方法里面:

var arr = [23,12,1,34,116,8,18,37,56,50];

var arr2 = arr.sort(function(a,b){

if (a>b) {

return 1;

}else if(a

return -1

}else{

return 0;

}

})

console.log(arr2);

返回:[1, 8, 12, 18, 23, 34, 37, 50, 56, 116] (也没有问题)

也可以简化成这样的写法

因为:若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。

若 a 等于 b,则返回 0。

若 a 大于 b,则返回一个大于 0 的值

var arr = [23,12,1,34,116,8,18,37,56,50];

function sequence(a,b){

return a - b;

}

console.log(arr.sort(sequence));

返回:[1, 8, 12, 18, 23, 34, 37, 50, 56, 116] (也是正确的)

关系字母顺序进行排序 就简单多了,直接用sort()方法就OK了:

var arr = ['fanda','banner','find','zoom','index','width','javascript'];

console.log(arr.sort());

返回:["banner", "fanda", "find", "index", "javascript", "width", "zoom"]

现在在学习javascript中,发现sort()函数是有点奇怪的东西(可能是本人水平的问题-_-!),于是就在这里记录一下自己找到的东西吧。sort()这个方法的参数很奇怪,必须是函数,但也是可选参数,如果没有参数的话,就会默认以字符串的字典顺序来排列(就算是数值,也会被转化为字符串来处理)。这个参数是要能够比较两个值的大小,如:

function sortNumber(a, b){

return a - b; //这里返回的是他们的差值,如果是小于0的值,就会将a排在前面,如果大于0,就会将b排在前面,如果是0的话,就随便。(冒泡排序法!!)

}

应用如下(这个例子太经典了!!):

function sortNumber(a,b){return a - b}

var arr = new Array(3)

arr[0] = "10";

arr[1] = "5";

arr[2] = "4";

document.write(arr + "
");

document.write(arr.sort(sortNumber));

那么原本是10,5,4的排列就会变成4,5,10.这里说明一下这个过程,明明sortNumber应该是有两个参数,但是我们在调用时却一个参数都没有,怎么进行比较啊?这里是这样的,当arr从第一个数开始调用sort时,10前面是没有数与它比较的,所以就到第二个,就是5,这时10就会与5比较,于是就会调用sortNumber并将10和5传进去,这是sort()的特性。相关阅读:

Android开发新手必须知道的10大严重错误

如何在android中使用html作布局文件

jQuery实现仿QQ空间装扮预览图片的鼠标提示效果代码

php生成shtml类用法实例

javascript获取四位数字或者字母的随机数

JavaScript中this的使用详解

分享一个自己动手写的jQuery分页插件

Asp.Net各种超时问题总结

Win10预览版10540图赏:开始菜单配色新增白底黑字效果

iOS中使用UIDatePicker制作时间选择器的实例教程

Ubuntu10下如何搭建MySQL Proxy读写分离探讨

Spring MVC中上传文件实例

在ASP.NET 2.0中操作数据之五十一:从GridView的页脚插入新记录

Win10系统如何根据需要自定义锁屏界面

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值