JS 排序

最近在写代码的过程中,遇到了数组和对象按数字大小排序的问题,现在总结几种排序的方法,供大家参考。
JS中排序用到的函数就是sort()了,在underscore中,排序的是sortBy()方法。
有时候可能大家会很奇怪,为什么用sort()方法对字母排序是正确的,对数字按大小排序却不正确?
原来,在调用sort()方法时如果没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是[color=red]sort()按照字符编码的顺序进行排序[/color]。所以,如果要对非字符串进行比较,首先应把数组的元素都转换成字符串(如有必要),再进行比较。
如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:
若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。
若 a 等于 b,则返回 0。
若 a 大于 b,则返回一个大于 0 的值。
实例1:

function sortNumber(a, b)
{
return a - b //a 小于 b,在排序后的数组中 a 应该出现在 b 之前,即按从小到大的顺序排列
}

var arr = new Array(6)
arr[0] = "10"
arr[1] = "5"
arr[2] = "40"
arr[3] = "25"
arr[4] = "1000"
arr[5] = "1"
document.write(arr + "<br />")//返回的是数组本身
document.write(arr.sort()+ "<br />")//sort()方法没有传参数,所以按字符编码的顺序进行排序
document.write(arr.sort(sortNumber))//调用了sortNumber(),按数字大小排序


输出结果:
 
10,5,40,25,1000,1
1,10,1000,25,40,5
1,5,10,25,40,1000

对数组中的数字按大小排序如上,但是我如果想对对象也按数字大小排序,怎么使用sort()方法呢?
实例2:

var list = [{"name":"王五","phone":"189900971077","price":"6"},
{"name":"李四","phone":"189900971078","price":"9"},
{"name":"张三","phone":"189900971079","price":"8"}];
var sort = (list).sort(function(a,b) {
return a.price - b.price //价钱从低到高排序
});
document.write(sort);

输出结果是:

[{"name":"王五","phone":"189900971077","price":"6"},
{"name":"张三","phone":"189900971079","price":"8"},
{"name":"李四","phone":"189900971078","price":"9"}];


当然,JS还有一个很便利的助手,那就是underscore。underscore中排序的方法就是sortBy()了。[color=red]sortBy()是直接对数字大小排序[/color]。
_.sortBy([1, 6, 3, 4, 8, 6]);//输出 [1, 3, 4, 6, 6, 8]

实例1中,用sortBy()方法:

_(arr).sortBy()

输出结果也是:1,5,10,25,40,1000
实例2中,用sortBy()方法:

_(list).sortBy("price")

输出结果也是正确的。

但是我如果要对数字的运算结果排序,比如按正弦值大小排序,又该怎么办呢?

_.sortBy([1, 2, 3, 4, 5, 6], function(num){ return Math.sin(num); }); // [5, 4, 6, 3, 1, 2]

用上underscore是不是很方便呢? :)
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值