`
tiantian-yuqing
  • 浏览: 22935 次
  • 性别: Icon_minigender_2
  • 来自: 成都
社区版块
存档分类
最新评论
阅读更多
   最近在写代码的过程中,遇到了数组和对象按数字大小排序的问题,现在总结几种排序的方法,供大家参考。
   JS中排序用到的函数就是sort()了,在underscore中,排序的是sortBy()方法。
   有时候可能大家会很奇怪,为什么用sort()方法对字母排序是正确的,对数字按大小排序却不正确?
原来,在调用sort()方法时如果没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是sort()按照字符编码的顺序进行排序。所以,如果要对非字符串进行比较,首先应把数组的元素都转换成字符串(如有必要),再进行比较。
   如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 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()了。sortBy()是直接对数字大小排序
_.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
0
分享到:
评论

相关推荐

    js排序算法动态展示

    js排序算法动态显示js排序算法动态显示js排序算法动态显示js排序算法动态显示js排序算法动态显示js排序算法动态显示js排序算法动态显示js排序算法动态显示js排序算法动态显示js排序算法动态显示js排序算法动态显示js...

    javascript排序表格

    javascript动态排序表格 javascript动态排序表格 javascript动态排序表格 javascript动态排序表格

    talbe使用js排序

    通过点击table表头,使用js排序 table js 排序

    sorttable.js 排序-方便实用的js排序,只需简单操作即可见到效果 Vue

    sorttable.js 排序-方便实用的js排序,只需简单操作即可见到效果 var stIsIE = /*@cc_on!@*/false; sorttable = { init: function() { // quit if this function has already been called if (arguments...

    javascript排序算法实现

    js排序算法实现 包括以下算法:冒泡排序 选择排序 插入排序 谢尔排序 快速排序(递归) 快速排序(堆栈) 归并排序 堆排序 从执行时间上可以很直观地看出各种排序的效率

    Js排序插件Sortable

    NULL 博文链接:https://hanxin0311.iteye.com/blog/2415481

    jquery.tablesorter js排序 页面物理排序

    jquery.tablesorter js排序 页面物理排序

    客户端使用JS排序数据列表

    通过使用Jquery在客户端使用JS排序数据列表..................

    js排序表格,实现按列排序

    套入表格,实现按列排序,含css样式,增强表格美观度。非常强大,非常好用,不容错过!

    js冒泡排序 js冒泡排序

    js冒泡排序js冒泡排序js冒泡排序js冒泡排序js冒泡排序js冒泡排序js冒泡排序js冒泡排序js冒泡排序js冒泡排序js冒泡排序js冒泡排序js冒泡排序js冒泡排序js冒泡排序js冒泡排序js冒泡排序js冒泡排序js冒泡排序js冒泡排序...

    用javascript实现的十大排序算法详解

    用javascript实现的十大排序算法详解

    9种不同的js排序方法

    系统自带的排序API,冒泡排序,快速排序,插入排序,选择排序,希尔排序,归并排序,堆排序,计数排序

    JavaScript排序二叉树

    简单的JavaScript排序二叉树,方便理解,由浅入深学习必备

    js排序方法

    js排序

    JavaScript html js Table排序

    程序的实现的是在客户端对表格进行排序,有以下特点: 1.自定义排序列、排序属性(例如innerHTML)、排序数据类型(包括int、float、date、string)、排序顺序(顺序和倒序); 2.自定义排序函数; 3.可同时设置...

    sorttable.js 排序

    方便实用的js排序,只需简单操作即可见到效果

    table +js 排序

    在table中用js进行排序,对表格进行头部排序,最原始的版本,因下载积分过高,特再次编辑一下清空下载积分,以做共享只用.

    js汉字拼音排序

    多个js汉字拼音排序代码..js js排序 汉字排序 拼音排序 汉字拼音排序

    javascript排序分页(转载)

    JQuery实现数据的分页显示,同时实现表格内容的排序

    javascript排序函数实现数字排序

    javascript排序函数实现数字排序 [removed] function SortNumber(obj,func) //定义通用排序函数 { //参数验证,如果第一个参数不是数组或第二个参数不是函数则抛出异常 if(!(obj instanceof Array) || !(func ...

Global site tag (gtag.js) - Google Analytics