JS中sort函数排序用法实例分析


Posted in Javascript onJune 16, 2016

本文实例讲述了JS中sort函数排序用法。分享给大家供大家参考,具体如下:

最近遇到了一个面试题目,关于排序的问题,为了完善自己的知识点,这里就写一下学习笔记

<html>
<head>
<TITLE>class_obj_js_class</TITLE>
<script language=javaScript>
//sort()方法默认是按照ASCII码大小排序,看下面两个例子
function sortDemo(){
 var a, l;      // 声明变量。
 a = new Array("X" ,"y" ,"d", "Z", "v","m","r");
 l = a.sort();     // 排序数组。
 alert(l);
 return(l);      // 返回排序的数组。
}
//sortDemo();
function sortDemo2(){
  var arr = [50,200,3000];
  arr.sort();
  alert(arr);
}
//显示的结果为200、3000、50,因为是根据首字母2,3,5判断的
//sortDemo2();
//将上面的数字按照数字大小写排序,if条件是对大小的判断,因此就算对大小的排序
function testFunction(){
  var numArr = new Array(9,23,124);
  numArr.sort(function compare(a,b){
    if(a>b){
      return 1;//按照升序排列,即a排在b的后面
    }
    else
      return -1;
  });
  alert(numArr);
}
//testFunction();
//如果sort(sortfunction)中的sortfunction在a>b返回的值为真则是按照降序排列,反之按照升序排列
function testFunction2(){
  var numArr = new Array(9,124,23);
  numArr.sort(function compare(a,b){
    alert("a : " + a);
    alert("b : " + b);
    if(a > b){
      alert("a > b,返回正数");
      return -1;//按照降序排列,即a排在b的前面
    }
    else{
      alert("a < b,返回负数");
      return 1;
    }
  });
  alert(numArr);
}
//testFunction2();
/*要使数组的元素按先奇数后偶数的顺序排列,则若需a、b交换,仅当满足a是偶数且b是奇数条件即可,再按从小到大排序,仅当满足a、b均是奇数或偶数且a>b时即可
从下面的例子可以看出,根据if的条件就是需要排序的要求,返回的值大于0就可以了,就是对一次条件的排序*/
function testAdvance(){
  var a = [1, 7, 3, 9, 5, 6, 2, 8, 4];
  function f(a, b) {
    if (0 == a % 2 && 1 == b % 2) {
      return 1;//即对偶数和奇数排序
    }
    if ((1 == a % 2 && 1 == b % 2 || 0 == a % 2 && 0 == b % 2) && a > b) {
      return 1;//对奇数和偶数排序
    }
    return -1;
  }
 alert(a.sort(f));
}
//testAdvance();
//我们要做的就是写出if里面的条件,这个条件就是返回a、b需要交换的条件
//譬如:对var a=["a","A","B","b"];进行不分大小写并从大到小排序,仅当a.toString().toLowerCase() < b.toString().toLowerCase()时,交换a、b,所以用此填充if条件即可。
function testAdvance1(){
  var a=["a","A","B","b"];
  a.sort(function test(a,b){
    if(a.toString().toLowerCase() < b.toString().toLowerCase()){
      return 1;
    }
    else
      return -1;
  });
  alert(a);
}
testAdvance1();
</script>
<body >
</body>
</html>

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
给Function做的OOP扩展
May 07 Javascript
Javascript合并表格中具有相同内容单元格示例
Aug 11 Javascript
浅析JavaScript中的隐式类型转换
Dec 05 Javascript
浅析Cookie中的Path与domain
Dec 18 Javascript
jquery实现类似EasyUI的页面布局可改变左右的宽度
Sep 12 Javascript
php基于redis处理session的方法
Mar 14 Javascript
js is_valid_filename验证文件名的函数
Jul 19 Javascript
layer插件select选中默认值的方法
Aug 14 Javascript
JS与jQuery判断文本框还剩多少字符可以输入的方法
Sep 01 jQuery
使用Angular自定义字段校验指令的方法示例
Feb 01 Javascript
vue-cli脚手架引入弹出层layer插件的几种方法
Jun 24 Javascript
如何在vue中使用video.js播放m3u8格式的视频
Feb 01 Vue.js
JS原型对象的创建方法详解
Jun 16 #Javascript
JS使用单链表统计英语单词出现次数
Jun 16 #Javascript
JS实用技巧小结(屏蔽错误、div滚动条设置、背景图片位置等)
Jun 16 #Javascript
javascript的replace方法结合正则使用实例总结
Jun 16 #Javascript
jQuery插件实现文件上传功能(支持拖拽)
Aug 27 #Javascript
jQuery插件实现图片轮播特效
Jun 16 #Javascript
javascript正则表达式之分组概念与用法实例
Jun 16 #Javascript
You might like
php 不使用js实现页面跳转
2014/02/11 PHP
PHP实现的折半查找算法示例
2017/12/19 PHP
javascript编程起步(第六课)
2007/01/10 Javascript
jquery+php实现搜索框自动提示
2014/11/28 Javascript
javascript实现画不相交的圆
2015/04/07 Javascript
JavaScript中toString()方法的使用详解
2015/06/05 Javascript
js简单实现标签云效果实例
2015/08/06 Javascript
JS实现拖动滚动条评分的效果代码分享
2016/09/29 Javascript
AngularJS路由实现页面跳转实例
2017/03/03 Javascript
js获取html页面代码中图片地址的实现代码
2018/03/05 Javascript
使用iView Upload 组件实现手动上传图片的示例代码
2018/10/01 Javascript
分享5个小技巧让你写出更好的 JavaScript 条件语句
2018/10/20 Javascript
JavaScript惰性求值的一种实现方法示例
2019/01/11 Javascript
Vue.js中该如何自己维护路由跳转记录
2019/05/19 Javascript
Echarts实现多条折线可拖拽效果
2019/12/19 Javascript
深入webpack打包原理及loader和plugin的实现
2020/05/06 Javascript
vue pages 多入口项目 + chainWebpack 全局引用缩写说明
2020/09/21 Javascript
js实现星星海特效的示例
2020/09/28 Javascript
Vertx基于EventBus发送接受自定义对象
2020/11/16 Javascript
[01:15:15]VG VS EG Supermajor小组赛B组胜者组第一轮 BO3第二场 6.2
2018/06/03 DOTA
python实现遍历文件夹修改文件后缀
2018/08/28 Python
windows下cx_Freeze生成Python可执行程序的详细步骤
2018/10/09 Python
Python函数的参数常见分类与用法实例详解
2019/03/30 Python
详解将Python程序(.py)转换为Windows可执行文件(.exe)
2019/07/19 Python
flask框架自定义过滤器示例【markdown文件读取和展示功能】
2019/11/08 Python
Python创建空列表的字典2种方法详解
2020/02/13 Python
CSS3动画animation实现云彩向左滚动
2014/05/09 HTML / CSS
AmazeUI 网格的实现示例
2020/08/13 HTML / CSS
全球销量第一生发产品:Viviscal
2017/12/21 全球购物
PHP笔试题
2012/02/22 面试题
2014年大学庆元旦迎新年活动方案
2014/03/09 职场文书
羽毛球比赛策划方案
2014/06/13 职场文书
中秋节活动总结
2014/08/29 职场文书
旷工检讨书1000字
2015/01/01 职场文书
邀请书格式范文
2015/02/02 职场文书
文艺节目主持词
2015/07/06 职场文书