编码

var arr = [43, 54, 4, -4, 84, 100, 58, 27, 140];

将上面数组分别按从大到小以及从小到大进行排序后在console中输出

var arr = ['apple', 'dog', 'cat', 'car', 'zoo', 'orange', 'airplane'];

将上面数组分别按字母顺序a-z及z-a进行排序，在console中输出

var arr = [[10, 14], [16, 60], [7, 44], [26, 35], [22, 63]];

将上面的二维数组，按照每个元素中第二个数从大到小的顺序进行排序输出，输出结果应该为：

[[22, 63], [16, 60], [7, 44], [26, 35], [10, 14]]

var arr = [

    {

        id: 1,

        name: 'candy',

        value: 40

    }, {

        id: 2,

        name: 'Simon',

        value: 50

    }, {

        id: 3,

        name: 'Tony',

        value: 45

    }, {

        id: 4,

        name: 'Annie',

        value: 60

    }

];

将上面数组分别按元素对象的value值从小到大进行排序后输出

 <!DOCTYPE html>

 <html>

 <head>

     <meta charset="utf-8" />

     <title>JS里的居民们8-排序</title>

 </head>

 <body>

     <script>

         function compareNumbers(a, b) {

             return a - b;

         }

         var arr1 = [43, 54, 4, -4, 84, 100, 58, 27, 140];

         //将上面数组分别按从大到小以及从小到大进行排序后在console中输出

         console.log("arr1从小到大排序：" + arr1.sort((a, b) => a - b));

         console.log("arr1从小到大排序：" + arr1.sort(function (a, b) {

             return a - b;

         }))

         console.log("arr1从大到小排序：" + arr1.sort((a, b) => a - b).reverse());

         console.log("arr1从大到小排序：" + arr1.sort((a, b) => b - a));

         var arr2 = ['apple', 'dog', 'cat', 'car', 'Zoo', 'orange', 'airplane'];

         //将上面数组分别按字母顺序a-z及z-a进行排序，在console中输出

         console.log("arr2从a-z排序：" + arr2.sort()); //与字符串相加，成为字符串打印出来

         console.log("arr2从z-a排序："); //大小写有差别！！注意

         console.log(arr2.sort().reverse()); //仍为数组对象打印出来

         var arr3 = [

             [10, 14],

             [16, 60],

             [7, 44],

             [26, 35],

             [22, 63]

         ];

         //将上面的二维数组，按照每个元素中第二个数从大到小的顺序进行排序输出，输出结果应该为：

         console.log("arr3按第二个数从大到小排序：");

         console.log(arr3.sort((a, b) => b[1] - a[1]));

         console.log("arr3按第一个数从大到小排序：");

         console.log(arr3.sort((a, b) => b[0] - a[0]));

         //[[22, 63], [16, 60], [7, 44], [26, 35], [10, 14]]

         var arr4 = [{

             id: 1,

             name: 'candy',

             value: 40

         }, {

             id: 2,

             name: 'Simon',

             value: 50

         }, {

             id: 3,

             name: 'Tony',

             value: 45

         }, {

             id: 4,

             name: 'Annie',

             value: 60

         }];

         //将上面数组分别按元素对象的value值从小到大进行排序后输出

         arr4.sort(function (a, b) {

             var valueA = a.value;

             var valueB = b.value;

             if (valueA < valueB) {

                 return -1;

             }

             if (valueA > valueB) {

                 return 1;

             }

             return 0;

         })

         console.log("按元素对象的value值从小到大进行排序:")

         console.log(arr4);

         arr4.sort(function (a, b) {

             var valueA = a.value;

             var valueB = b.value;

             if (valueA < valueB) {

                 return 1;

             }

             if (valueA > valueB) {

                 return -1;

             }

             return 0;

         })

         console.log("按元素对象的value值从大到小进行排序:")

         console.log(arr4);

         arr4.sort(function (a, b) {

             var nameA = a.name.toUpperCase(); //忽略大小写进行排序，按字母来

             var nameB = b.name.toUpperCase();

             if (nameA < nameB) {

                 return -1;

             }

             if (nameA > nameB) {

                 return 1;

             }

             return 0;

         })

         console.log("按元素对象的name值从a-z进行排序:")

         console.log(arr4);

     </script>

 </body>

 </html>

JS里的居民们6-数组排序的更多相关文章

  1. JS里的居民们7-对象和数组转换

    编码 学习通用的数据用不同的数据结构进行存储,以及相互的转换 对象转为数组: var scoreObject = { "Tony": { "Math": 95, ...

  2. JS里的居民们5-数组(栈)

    编码1(栈顶在最右) 练习如何使用数组来实现栈,综合考虑使用数组的 push,pop,shift,unshift操作 基于代码,实现如按钮中描述的功能: 实现如阅读材料中,队列的相关进栈.退栈.获取栈 ...

  3. JS里的居民们4-数组((堆)队列

    编码1(队头在最右) 练习如何使用数组来实现队列,综合考虑使用数组的 push,pop,shift,unshift操作 基于代码,实现如按钮中描述的功能: 实现如阅读材料中,队列的相关入队.出队.获取 ...

  4. PHP中的__toString方法(实现JS里的链式操作)

    _toString方法是在打印对象时自动调用的魔术方法,如果不声明会报以下错 Catchable fatal error: Object of class String could not be co ...

  5. 理解 Node.js 里的 process.nextTick()

    有很多人对Node.js里process.nextTick()的用法感到不理解,下面我们就来看一下process.nextTick()到底是什么,该如何使用. Node.js是单线程的,除了系统IO之 ...

  6. chart.js 里添加图表的清单：

    chart.js 里添加图表的清单: var legend = myDoughnut.generateLegend(); $("#chart_legend").html(legen ...

  7. js笔记——js里var与变量提升

    var是否可以省略 一般情况下,是可以省略var的,但有两点值得注意: 1.var a=1 与 a=1 ,这两条语句一般情况下作用是一样的.但是前者不能用delete删除.不过,绝大多数情况下,这种差 ...

  8. js里cookie操作

    原生js操作cookie 创建和存储 cookie 在这个例子中我们要创建一个存储访问者名字的 cookie.当访问者首次访问网站时,他们会被要求填写姓名.名字会存储于 cookie 中.当访问者再次 ...

  9. JS里设定延时:js中SetInterval与setTimeout用法

     js中SetInterval与setTimeout用法 JS里设定延时: 使用SetInterval和设定延时函数setTimeout 很类似.setTimeout 运用在延迟一段时间,再进行某项操 ...

随机推荐

  1. KVO 使用及原理

    KVO的基本原理大概是这样的   当一个对象被观察时, 系统会新建一个子类NSNotifying_A ,在子类中重写了对象被观察属性的 set方法,  并且改变了该对象的 isa 指针的指向(指向了新 ...

  2. MODBUS协议相关代码(CRC验证 客户端程序)

    Modbus协议是一种已广泛应用于当今工业控制领域的通用通讯协议.通过此协议,控制器相互之间.或控制器经由网络(如以太网)可以和其它设备之间进行通信.Modbus协议使用的是主从通讯技术,即由主设备主 ...

  3. history.back返回是浏览器错误码：ERR_CACHE_MISS

    解决方法: 如果访问的是php文件中添加:header("Cache-control: private"); 如果使用的是模板引擎(tp5):{php}header("C ...

  4. 高阶篇：4.2.5）DFMEA建议措施及后续完备

    本章目的:填写建议措施及DFMEA后续完备. 1.建议措施(k) 定义 总的来说,预防措施(降低发生率)比探测措施更好.举例来说,比起设计定稿后的产品验证/确认,使用已证实的设计标准或最佳实践更加可取 ...

  5. MIUI7系统如何刷入开发版启用root超级权限

    小米的手机或平板不同手机型号通常情况MIUI官方论坛都提供两个不同系统,大概可分为稳定版和开发版,稳定版没有提供root权限管理,开发版中就开启了root权限,很多情况我们需要使用的一些功能强大的AP ...

  6. python 中mysql数据库的读写

    1.读取数据库 import pymysql id=[] name=[] explain=[] db=pymysql.Connection(host=,user="root", p ...

  7. UNIX SHELL基础知识总结(二)

    1. vim,vi及ex的关系 vim不需要安装,vi为ex的“Visual Mode”,Vim是vi的高级版本: 2. Unix Shell 快捷键 Ctrl+a/e将光标定位到 命令的头/尾 Ct ...

  8. emacs窗口半透明

    转自 http://blog.csdn.net/dsjlzh/article/details/7804733 ;; transform window;; Anchor: March Liu (刘鑫) ...

  9. mybatis 批量增加 Parameter '__frch_item_0' not found. Available parameters are [list]

    当在mybatis用到foreach的时候,会报这个错误Parameter '__frch_item_0' not found. Available parameters are [list]会出现的 ...

  10. entity framework 查看自动生成的sql

    public MesDbContext() : base("name=mysql") { Database.Log = new Action<string>(msg = ...