js中sort总结

stdying 发布于2019-08-21 12:04 / 905人阅读

摘要：字母排序默认排序运行结果数字排序中参数可以是方法函数，可以升序和降序输出结果。数字排序升序，降序运行结果注意其中都是表示这个数组里面的元素，如果是则表示升序，如果是则表示降序。以上属于个人总结，如果后期有什么补充会再次发布

数据排序这块应该是每个程序员都会遇到的，而这篇文章主要是介绍js中sort排序如何使用得当，既然有现成的封装的方法就用现成的，自己稍加修改就能完成，不需要再重新自己重头到尾写个函数，当然如果大家有这个兴趣也可以自己写啦。

1.字母排序

sort默认的排序方式为字母排序，根据二十六个字母依次排列，单词之间比较，则先比较第一个字母，如果第一个字母相同则比较第二个字母，以此类推。

  // 1.字母排序（sort默认排序）
   var arr = ["za","zb","a","b","xc","xa"];
   arr.sort();
   console.log(arr);
  // 运行结果：["a", "b", "xa", "xc", "za", "zb"]

2.sort数字排序

sort()中参数可以是方法函数，可以升序和降序输出结果。

 //2.sort数字排序
  var array = [100,10,50,800,320,34,53];
    array.sort(function(a,b){
        //a-b升序，b-a降序
        return b-a;
    });
    console.log(array);
  //运行结果：[800, 320, 100, 53, 50, 34, 10]

注意：其中a,b都是表示这个数组里面的元素，如果是a-b则表示升序，如果是b-a则表示降序。

3.数组对象排序

最重要的还是这个对象属性排序，当后台给我们前端很多数据并且没有排序时，我们一般都是要重新进行排序，而后台给的数据往往是好几层，不会像前面那种简单的就一个数组，这个时候就要用sort中对象属性排序了

  // 3.对象属性排序
    var obj = [
        {name:"lucy", num:400},
        {name:"nancy", num:110},
        {name:"maria", num:200}
    ];
   obj.sort(compare("num"));
   console.log(obj);

   //数组对象属性值排序
   function compare(property){
       return function(a,b){
           //value1 - value2升序
           //value2 - value1降序
           var value1 = a[property];
           var value2 = b[property];
           return value1 - value2;//升序
       }
   }

运行结果：
[
{name:"nancy", num:110},
{name:"maria", num:200},
{name:"lucy", num:400}
]
注意：compare()中参数必须是这个对象的属性名称，而你要比较的这些对象里面，一定要有这个属性名称，否则会出错。以上属于个人总结，如果后期有什么补充会再次发布

云服务器 GPU云服务器 matlab中sort函数 matlab中sort的用法 js日期sort js总结

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/87413.html

js中sort总结

摘要：字母排序默认排序运行结果数字排序中参数可以是方法函数，可以升序和降序输出结果。数字排序升序，降序运行结果注意其中都是表示这个数组里面的元素，如果是则表示升序，如果是则表示降序。以上属于个人总结，如果后期有什么补充会再次发布数据排序这块应该是每个程序员都会遇到的，而这篇文章主要是介绍js中sort排序如何使用得当，既然有现成的封装的方法就用现成的，自己稍加修改就能完成，不需要再重新自己...

liuchengxu 2019-08-01 17:27 评论0 收藏0
js中sort总结

摘要：字母排序默认排序运行结果数字排序中参数可以是方法函数，可以升序和降序输出结果。数字排序升序，降序运行结果注意其中都是表示这个数组里面的元素，如果是则表示升序，如果是则表示降序。以上属于个人总结，如果后期有什么补充会再次发布数据排序这块应该是每个程序员都会遇到的，而这篇文章主要是介绍js中sort排序如何使用得当，既然有现成的封装的方法就用现成的，自己稍加修改就能完成，不需要再重新自己...

stdying 2019-08-29 13:12 评论0 收藏0
案例学习总结：原生JS实现表格排序

摘要：最近在学习的表格排序，没想到看不起眼的表格排序实际上却暗含了众多知识点。二实现表格排序使用获取数据之所以使用动态获取数据，是为了使用文档碎片绑定数据。最近在学习js的表格排序，没想到看不起眼的表格排序实际上却暗含了众多JS知识点。在这里记录一下此次学习过程。希望对大家也有所帮助。完整的表格排序涉及了下列这些知识点： call方法使用 sort方法深入数据绑定 DOM映射下面...

ShevaKuilin 2019-08-29 13:59 评论0 收藏0
案例学习总结：原生JS实现表格排序

摘要：最近在学习的表格排序，没想到看不起眼的表格排序实际上却暗含了众多知识点。二实现表格排序使用获取数据之所以使用动态获取数据，是为了使用文档碎片绑定数据。最近在学习js的表格排序，没想到看不起眼的表格排序实际上却暗含了众多JS知识点。在这里记录一下此次学习过程。希望对大家也有所帮助。完整的表格排序涉及了下列这些知识点： call方法使用 sort方法深入数据绑定 DOM映射下面...

lauren_liuling 2019-08-21 17:55 评论0 收藏0