如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。
array.sort()方法默认是升序排序,如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:
若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。
若 a 等于 b,则返回 0。
若 a 大于 b,则返回一个大于 0 的值。
简单点:比较函数两个参数a和b,返回a-b升序,返回b-a降序
以下通过几个例子来理解
普通数组 升序
var arr = [4,3,6,5,7,2,1];arr.sort();console.log(arr);//输出结果[1,2,3,4,5,6,7]
登录后复制
普通数据 降序
var arr = [4,3,6,5,7,2,1];arr.sort();arr.sort(function(a,b){ return b-a;});console.log(arr);//输出结果[7,6,5,4,3,2,1]
登录后复制
对象数组排序
var arr= [ { 'sortNo': 2}, { 'sortNo': 1}, { 'sortNo': 5}, { 'sortNo': 6}, { 'sortNo': 7}, { 'sortNo': 3}, { 'sortNo': 9}, { 'sortNo': 4}, { 'sortNo': 0}];arr.sort(function(a, b){ return a.sortNo - b.sortNo;});console.log(arr);//输出结果//{ 'sortNo': 2}//{ 'sortNo': 1}//{ 'sortNo': 5}//{ 'sortNo': 6}//{ 'sortNo': 7}//{ 'sortNo': 3}//{ 'sortNo': 9}//{ 'sortNo': 4}//{ 'sortNo': 0}
登录后复制
对象数组多条件排序
(此例如果sortNo相同,则按sortNo2从大到小)
var arr= [ { 'sortNo': 2, 'sortNo2': 3}, { 'sortNo': 1, 'sortNo2': 3}, { 'sortNo': 5, 'sortNo2': 3}, { 'sortNo': 6, 'sortNo2': 3}, { 'sortNo': 7, 'sortNo2': 3}, { 'sortNo': 3, 'sortNo2': 4}, { 'sortNo': 3, 'sortNo2': 2}, { 'sortNo': 3, 'sortNo2': 1}, { 'sortNo': 3, 'sortNo2': 3}, { 'sortNo': 8, 'sortNo2': 3}, { 'sortNo': 4, 'sortNo2': 1}, { 'sortNo': 4, 'sortNo2': 2}];arr.sort(function(a, b){ if (a.sortNo === b.sortNo) { return b.sortNo2 - a.sortNo2; } else { return a.sortNo - b.sortNo; }});console.log(arr); //输出结果//{ 'sortNo': 1, 'sortNo2': 3}//{ 'sortNo': 2, 'sortNo2': 3}//{ 'sortNo': 3, 'sortNo2': 4}//{ 'sortNo': 3, 'sortNo2': 3}//{ 'sortNo': 3, 'sortNo2': 2}//{ 'sortNo': 3, 'sortNo2': 1}//{ 'sortNo': 4, 'sortNo2': 2}//{ 'sortNo': 4, 'sortNo2': 1}//{ 'sortNo': 5, 'sortNo2': 3}//{ 'sortNo': 6, 'sortNo2': 3}//{ 'sortNo': 7, 'sortNo2': 3}//{ 'sortNo': 8, 'sortNo2': 3}
登录后复制
相关推荐:
实例详解JavaScript数组排序reverse()和sort()方法
javascript中函数sort()是如何运行的
JavaScript对数组的元素进行排序的方法sort()
以上就是js中的sort()使用方法的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2783224.html