Js中sort()方法的用法


Posted in Javascript onNovember 04, 2006

返回一个元素已经进行了排序的 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
Javascript 相关文章推荐
基于jquery实现图片广告轮换效果代码
Jul 07 Javascript
JavaScript插入动态样式实现代码
Feb 22 Javascript
js和jquery对dom节点的操作(创建/追加)
Apr 21 Javascript
jQuery中unwrap()方法用法实例
Jan 16 Javascript
如何用javascript计算文本框还能输入多少个字符
Jul 29 Javascript
Ionic实现页面下拉刷新(ion-refresher)功能代码
Jun 03 Javascript
微信JS接口大全
Aug 25 Javascript
Vue组件化通讯的实例代码
Jun 23 Javascript
ReactNative Image组件使用详解
Aug 07 Javascript
实例分析vue循环列表动态数据的处理方法
Sep 28 Javascript
vue中使用vue-print.js实现多页打印
Mar 05 Javascript
Javascript柯里化实现原理及作用解析
Oct 22 Javascript
取得传值的函数
Oct 27 #Javascript
使javascript也能包含文件
Oct 26 #Javascript
利用XMLHTTP传递参数在另一页面执行并刷新本页
Oct 26 #Javascript
如何用javascript控制上传文件的大小
Oct 26 #Javascript
动态改变textbox的宽高的js
Oct 26 #Javascript
js传值 判断
Oct 26 #Javascript
点击广告后才能获得下载地址
Oct 26 #Javascript
You might like
php curl 上传文件代码实例
2015/04/27 PHP
thinkPHP框架动态配置用法实例分析
2018/06/14 PHP
PDO::errorInfo讲解
2019/01/28 PHP
thinkPHP框架通过Redis实现增删改查操作的方法详解
2019/05/13 PHP
PhpStorm2020.1 安装 debug - Postman 调用的详细教程
2020/08/17 PHP
图片在浏览器中底部对齐 解决方法之一
2011/11/30 Javascript
JS获取各种浏览器窗口大小的方法
2014/01/14 Javascript
浅谈jquery回调函数callback的使用
2015/01/30 Javascript
JavaScript实现DIV层拖动及动态增加新层的方法
2015/05/12 Javascript
详细解读AngularJS中的表单验证编程
2015/06/19 Javascript
javascript 将共享属性迁移到原型中去的实现方法
2016/08/31 Javascript
微信和qq时间格式模板实例详解
2016/10/21 Javascript
angular-ui-sortable实现可拖拽排序列表
2016/12/28 Javascript
详解JavaScript树结构
2017/01/09 Javascript
Vue制作Todo List网页
2017/04/26 Javascript
IE9 elementUI文件上传的问题解决
2018/10/17 Javascript
JavaScript变速动画函数封装添加任意多个属性
2019/04/03 Javascript
微信小程序按钮点击动画效果的实现
2019/09/04 Javascript
JS实现的雪花飘落特效示例
2019/12/03 Javascript
解决Vue 移动端点击出现300毫秒延迟的问题
2020/07/21 Javascript
使用python将mdb数据库文件导入postgresql数据库示例
2014/02/17 Python
对于Python的Django框架部署的一些建议
2015/04/09 Python
Python备份目录及目录下的全部内容的实现方法
2016/06/12 Python
Python实现字典去除重复的方法示例
2017/07/31 Python
Python基于PyGraphics包实现图片截取功能的方法
2017/12/21 Python
Mavi牛仔裤美国官网:土耳其著名牛仔品牌
2016/09/24 全球购物
澳大利亚最好的电动自行车:Leon Cycle
2020/12/19 全球购物
PHP如何自定义函数
2016/09/16 面试题
介绍一下mysql的日期和时间函数
2013/03/28 面试题
酒店端午节促销方案
2014/02/18 职场文书
入党综合考察材料
2014/06/02 职场文书
2014学习十八届四中全会精神思想汇报范文
2014/10/23 职场文书
先进单位申报材料
2014/12/25 职场文书
写给老师的感谢信
2015/01/20 职场文书
Navicat连接MySQL错误描述分析
2021/06/02 MySQL
vue的项目如何打包上线
2022/04/13 Vue.js