编码

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. Tomcat安装与使用

    主要讲解Tomcat的 安装与使用,讲解ubuntu版本和windows. 下载与安装: 1)到apache官网.www.apache.org http://jakarta.apache.org(产品 ...

  2. js 正则表达式（reg）

    一.RegExp对象方法: 1.exec()   检索字符串中指定的值,并返回值(找不到返回null) 效果: <textarea name="content" id=&qu ...

  3. python学习，day3： 文件的读写

    # coding=utf-8 # Author: RyAn Bi import sys f1 = open('yesterday2',mode='w',encoding='utf-8') #w 只能写 ...

  4. [摸鱼]cdq分治 && 学习笔记

    待我玩会游戏整理下思绪(分明是想摸鱼 cdq分治是一种用于降维和处理对不同子区间有贡献的离线分治算法 对于常见的操作查询题目而言,时间总是有序的,而cdq分治则是耗费\(O(logq)\)的代价使动态 ...

  5. mysql数据类型 完整性约束 054

    创建用户和授权用户权限: # .创建用户: # 指定ip .109的fgf用户登录 '; # 指定ip .开头的fgf用户登录 '; # 指定任何ip的fgf用户登录 '; # .删除用户 drop ...

  6. 转如何检查数据库是否处于一致性的状态 以及 如果在DG 库上备份，恢复成一个主库

    ##sample 0 不完全恢复之后,open resetlogs之前,怎么快速的检查数据库是否处于一致性的状态?https://blog.csdn.net/msdnchina/article/det ...

  7. linux vi文本编辑器三种模式切换及常用操作

    初学者刚进入vi不要乱点键盘,vi的三种模式和各种命令很容易弄混@@ vi编辑器是Unix系统最初的编辑器.它使用控制台图形模式来模拟文本编辑窗口,允许查看文件中的行.在文件中移动.插入.编辑和替换文 ...

  8. URL中参数为数组

    今天写代码时候碰到了一个需要在URL中传递数组类型的参数,记录一下. var urlstr = "http://test"; var test = new Array(); for ...

  9. JMeterPlugins插件

    一.线程组1.jp@gc - Stepping Thread Group,如下图: 类似loadrunner的场景设置,解释:This Group will start 10 threads:这次的测 ...

  10. DP Intro - poj 1947 Rebuilding Roads(树形DP)

    版权声明:本文为博主原创文章,未经博主允许不得转载. Rebuilding Roads Time Limit: 1000MS   Memory Limit: 30000K Total Submissi ...