Js中sort()方法的用法

所属分类: 网络编程 / JavaScript 阅读数: 709
收藏 0 赞 0 分享
返回一个元素已经进行了排序的 Array 对象。

arrayobj.sort(sortfunction) 
参数
arrayObj 
必选项。任意 Array 对象。 
sortFunction 
可选项。是用来确定元素顺序的函数的名称。如果这个参数被省略,
那么元素将按照 ASCII 字符顺序进行升序排列。 
说明
sort 方法将 Array 对象进行适当的排序;
在执行过程中并不会创建新的 Array 对象。

如果为 sortfunction 参数提供了一个函数,那么该函数必须返回下列值之一: 

负值,如果所传递的第一个参数比第二个参数小。 
零,如果两个参数相等。 
正值,如果第一个参数比第二个参数大。 
Demo1(默认按字母排序):

复制代码 代码如下:
<script language="javascript"> 
  var nameArr = new Array("douguoqiang","hedan","redhacker","panliu888","maxuan","xuejianping","lanse","zhangsan","lisi","wangwu"); 
  nameArr.sort(); 
  for (var i = 0; i < nameArr.length; i++) { 
    document.writeln(nameArr[i]); 
  } 
</script> 

结果:douguoqiang hedan lanse lisi maxuan panliu888 redhacker wangwu xuejianping zhangsan 

Demo(数字排序,sort(prama)方法带参数):

复制代码 代码如下:
<script> 
  var numArr = new Array(12,23,1,4,23,34,2,5); 
  numArr.sort(function compare(a,b){return a-b;}); 
  for (var i = 0; i<numArr.length; i++) { 
    document.write(numArr[i] +"<br>"); 
  } 
</script> 

结果:
1
2
4
5
12
23
23
34

Demo3(Demo3反排序):

复制代码 代码如下:
<script> 
  var numArr = new Array(12,23,1,4,23,34,2,5); 
  numArr.sort(function compare(a,b){return b-a;}); 
  for (var i = 0; i<numArr.length; i++) { 
    document.write(numArr[i] +"<br>"); 
  } 
</script> 

结果:
34
23
23
12
5
4
2
1

Demo4(Demo3的第二种写法):

复制代码 代码如下:
<script> 
  var numArr = new Array(12,23,1,4,23,34,2,5); 
  numArr.sort(new Function("a","b","return a-b;")); 
  for (var i = 0; i<numArr.length; i++) { 
    document.write(numArr[i] +"<br>"); 
  } 
</script> 

结果:
1
2
4
5
12
23
23
34

Demo5(Demo3的第三种写法):

复制代码 代码如下:
<script> 
  function compare(a,b) { 
    return a-b; 
  } 
  var numArr = new Array(12,23,1,4,23,34,2,5); 
  numArr.sort(compare); 
  for (var i = 0; i<numArr.length; i++) { 
    document.write(numArr[i] +"<br>"); 
  } 
</script> 

结果:
1
2
4
5
12
23
23
34

Demo6(Demo3的第四种写法):

复制代码 代码如下:
<script> 
  var compare = function(a,b) { 
    return a-b; 
  } 
  var numArr = new Array(12,23,1,4,23,34,2,5); 
  numArr.sort(compare); 
  for (var i = 0; i<numArr.length; i++) { 
    document.write(numArr[i] +"<br>"); 
  } 
</script> 

结果:
1
2
4
5
12
23
23
34
更多精彩内容其他人还在看

Jquery-data的三种用法

本篇文章主要介绍了Jquery-data的三种用法。具有很好的参考价值。下面跟着小编一起来看下吧
收藏 0 赞 0 分享

微信小程序实战之自定义toast(6)

这篇文章主要为大家详细介绍了微信小程序实战之自定义toast的相关方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

微信小程序--onShareAppMessage分享参数用处(页面分享)

本篇文章主要介绍了微信小程序的页面分享onShareAppMessage分享参数用处的相关资料。具有很好的参考价值。下面跟着小编一起来看下吧
收藏 0 赞 0 分享

微信小程序实战之自定义抽屉菜单(7)

这篇文章主要为大家详细介绍了微信小程序实战之自定义抽屉菜单效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传

本篇文章主要介绍了微信小程序开发之从相册获取图片--使用相机拍照,本地图片上传的相关资料。具有很好的参考价值。下面跟着小编一起来看下吧
收藏 0 赞 0 分享

JavaScript错误处理和堆栈追踪详解

这篇文章主要为大家详细介绍了JavaScript错误处理和堆栈追踪的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

微信小程序开发之麦克风动画 帧动画 放大 淡出

本篇文章主要介绍了微信小程序开发之麦克风动画:帧动画、放大、淡出的相关资料。具有很好的参考价值。下面跟着小编一起来看下吧
收藏 0 赞 0 分享

微信小程序实战之自定义模态弹窗(8)

这篇文章主要为大家详细介绍了微信小程序实战之自定义模态弹窗,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

jQuery加密密码到cookie的实现代码

本文通过实例代码给大家分享了jquery 加密密码到cookie的实现方法,非常不错,具有参考借鉴价值,需要的朋友参考下吧
收藏 0 赞 0 分享

javascript实现日期三级联动下拉框选择菜单

这篇文章主要介绍了javascript实现日期三级联动下拉框选择菜单,实现JS年月日三级联动下拉框选择功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享
查看更多