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 相关文章推荐
javascript 表单的友好用户体现
Jan 07 Javascript
jQuery中wrapAll()方法用法实例
Jan 16 Javascript
js控制文本框输入的字符类型方法汇总
Jun 19 Javascript
JavaScript希尔排序、快速排序、归并排序算法
May 08 Javascript
解决Angular.Js与Django标签冲突的方案
Dec 20 Javascript
js实现下一页页码效果
Mar 07 Javascript
详解Vue-基本标签和自定义控件
Mar 24 Javascript
js判断节假日实例代码
Dec 27 Javascript
vue实现双向绑定和依赖收集遇到的坑
Nov 29 Javascript
vue插槽slot的理解和使用方法
Apr 03 Javascript
Vue的data、computed、watch源码浅谈
Apr 04 Javascript
解决vue-loader加载不上的问题
Oct 21 Javascript
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超级全局变量
2010/01/26 PHP
关于PHP的curl开启问题探讨
2014/04/08 PHP
PHP exif扩展方法开启详解
2014/07/28 PHP
Laravel 5框架学习之表单验证
2015/04/08 PHP
PHP直接修改表内容DataGrid功能实现代码
2015/09/24 PHP
PHP观察者模式原理与简单实现方法示例
2017/08/25 PHP
php实现微信公众号创建自定义菜单功能的实例代码
2019/06/11 PHP
用正则表达式 动态创建/增加css style script 兼容IE firefox
2009/03/10 Javascript
JavaScript中的排序算法代码
2011/02/22 Javascript
Jquery 模板数据绑定插件的使用方法详解
2013/07/08 Javascript
jQuery对html元素取值与赋值的方法
2013/11/20 Javascript
javascript父子页面通讯实例详解
2015/07/17 Javascript
jquery实现鼠标点击后展开列表内容的导航栏效果
2015/09/14 Javascript
jquery实现两边飘浮可关闭的对联广告
2015/11/27 Javascript
javascript中new关键字详解
2015/12/14 Javascript
js 上传文件预览的简单实例
2016/08/16 Javascript
JavaScript如何实现图片懒加载(lazyload) 提高用户体验(增强版)
2016/11/30 Javascript
javascript 的变量、作用域和内存问题
2017/04/19 Javascript
详解Vue webapp项目通过HBulider打包原生APP(vue+webpack+HBulider)
2019/02/02 Javascript
js遍历详解(forEach, map, for, for...in, for...of)
2019/08/28 Javascript
解决layui轮播图有数据不显示的情况
2019/09/16 Javascript
[42:52]Optic vs Serenity 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
python使用SMTP发送qq或sina邮件
2017/10/21 Python
python3.4+pycharm 环境安装及使用方法
2019/06/13 Python
python的pygal模块绘制反正切函数图像方法
2019/07/16 Python
Python多线程的退出控制实现
2020/08/10 Python
Python实现中英文全文搜索的示例
2020/12/04 Python
详解CSS3 Media Queries中媒体属性的使用
2016/02/29 HTML / CSS
HTML5 标准将把互联网视频扔回到黑暗时代
2010/02/10 HTML / CSS
事业单位辞职信范文
2014/01/19 职场文书
员工评语大全
2014/01/19 职场文书
医学生毕业自我鉴定
2014/03/26 职场文书
工商干部先进事迹
2014/05/14 职场文书
红旗渠导游词
2015/02/09 职场文书
导游词之秦始皇兵马俑博物馆
2019/09/29 职场文书
创业计划书之电动车企业
2019/10/11 职场文书