码迷,mamicode.com
首页 > 其他好文 > 详细

sort的用法

时间:2018-10-15 14:34:42      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:元素   简单的   child   dom节点   对象   数据   对比   fun   时间   

早一段时间一直没有理解sort的用法,在早几天终于是研究的明白的,所以就来分享一下,如果你也被这个方法困扰,没懂原理,可以看一下这遍文章,希望有所帮助。

第一种,最简单的排序,纯数字排序:

var arr=[1,3,5,8,6,4,3];

arr.sort(function(a,b){

  return a-b;

})

在这里,a会传进去第0个到length-1的元素,b会传进去第一个到length的长度,前后对比。

 

第二种,数组对象里面包含数字排排序:

var data=[{num:111},{num:555},{num:333},{num:444}];

在这里,是数组里面包含对象,根据对象里面的num的大小来进行排序:

data.sort(function(a,b){

  return a.num-b.num;

})

这里a代表0--length-1的对象   b代表1--length的每一个对象,因为是根据key为num里面的数据来排序的,所以需要返回num的数据,sort会根据num的大小来排序a和b的对象顺序。

 

第三种,根据dom节点里面的数据来排序,比如table里面其中一列的数据。

技术分享图片

比如我要根据第一列来排序table列表,这里我就用jq来演示来:

var tr=$(‘tr‘);

tr.sort(function(a,b){
  var aa=a.children("td").eq(0);

  var bb=b.children("td").eq(0); 

  return aa-bb; 

})

这里传进去的a和b为没一个tr的jquery对象,获取到数据后排序会根据你返回的数据来判断和排序的。

如果这遍文章帮到你来,点个赞吧,如果有更好的思路,希望可以和我交流交流,我的邮箱是15857240771@163.com。

 

sort的用法

标签:元素   简单的   child   dom节点   对象   数据   对比   fun   时间   

原文地址:https://www.cnblogs.com/laiqiangjin/p/9789994.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!