唯品秀前端博客
当前位置: 前端开发 > JavaScript > JS的sort()方法的用法，参数以及排序原理

JS的sort()方法的用法，参数以及排序原理

2017-05-05 分类：JavaScript 作者：管理员 阅读（1818）

sort() 方法用于对数组的元素进行排序,并返回数组。默认排序顺序是根据字符串Unicode码点。

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

注：如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。要实现这一点，首先应把数组的元素都转换成字符串（如有必要），以便进行比较。

如果想按照其他标准进行排序，就需要提供比较函数，该函数要比较两个值，然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b，其返回值如下：

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

  2. 2、若 a 等于 b，则返回 0。

  3. 3、若 a 大于 b，则返回一个大于 0 的值。

示例代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script type="text/javascript">

function sortNumber(a,b)
{
return 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.sort(sortNumber))

</script>
1
1,5,10,25,40,1000  //输出结果

这里可以看出，如果安装升序排列，方法为：

1
2
3
4
function sortNumber(a,b)
{
return a - b
}

如果是按照降序排列则为：

1
2
3
4
function sortNumber(a,b)
{
return b - a
}

根据数组对象中的某个属性值进行排序

sort方法接收一个函数作为参数，这里嵌套一层函数用来接收对象属性名，其他部分代码与正常使用sort方法相同。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var arr = [
    {name:'zopp',age:0},
    {name:'gpp',age:18},
    {name:'yjj',age:8}
];

function compare(property){
    return function(a,b){
        var value1 = a[property];
        var value2 = b[property];
        return value1 - value2;
    }
}
console.log(arr.sort(compare('age')))

根据参数不同确定升序排列、降序排序

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
sortBy: function(attr,rev){
    //第二个参数没有传递 默认升序排列
    if(rev ==  undefined){
        rev = 1;
    }else{
        rev = (rev) ? 1 : -1;
    }
    return function(a,b){
        a = a[attr];
        b = b[attr];
        if(a < b){
            return rev * -1;
        }
        if(a > b){
            return rev * 1;
        }
        return 0;
    }
}

使用方式：

1
newArray.sort(sortBy('number',false))

V8 引擎 sort 函数只给出了两种排序 InsertionSort 和 QuickSort，数量小于10的数组使用 InsertionSort，比10大的数组则使用 QuickSort。

「三年博客，如果觉得我的文章对您有用，请帮助本站成长」

赞(0) 打赏

谢谢你请我吃鸡腿*^_^*

支付宝
微信
赏 0

谢谢你请我吃鸡腿*^_^*

支付宝
微信
标签：

上一篇：

下一篇：

你可能感兴趣

共有 0 条评论 - JS的sort()方法的用法，参数以及排序原理

博客简介

唯品秀博客: weipxiu.com，一个关注Web前端开发技术、关注用户体验、坚持更多原创实战教程的个人网站，愿景：成为宇宙中最具有代表性的前端博客，期待您的参与，主题源码 

最近更新

随机文章

热门标签

caniuse兼容性 阿里CDN CDN大全 博主Github 百度统计 百度收录 关键词排名 经典css片段 时间戳格式化 全国黑企名单 武汉黑企名单 996.ICU火了 Js33个概念 vConsole DSBridge DOM元素进屏 Shareinstall Http接口测试 前端面试100问 Vue.js200问 Node.js上线 lodash.js 视频压缩 vue视图更新

精彩评论

友情链接

他们同样是一群网虫，却不是每天泡在网上游走在淘宝和网游之间、刷着本来就快要透支的信用卡。他们或许没有踏出国门一步，但同学却不局限在一国一校，而是遍及全球！申请交换友链

站点统计

  • 文章总数： 245 篇
  • 草稿数目： 0 篇
  • 分类数目： 15 个
  • 独立页面： 6 个
  • 评论总数： 875 条
  • 链接总数： 14 个
  • 标签总数： 436 个
  • 建站时间： 1086 天
  • 注册用户： 4199 人
  • 访问总量： 8743263 次
  • 最近更新： 2019年12月4日
服务热线：
 173xxxx7240

 QQ在线交流

点击这里给我发消息
点击这里给我发消息

 旺旺在线

点击这里给我发消息
点击这里给我发消息