编码

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. Laravel 集成 JPush 极光推送指北

    我是一个 Laravel 小白,我是一个 Laravel 小白,我是一个 Laravel 小白(默念三遍再往下读,如果非小白就不用看了). Laravel 使用 Composer 来管理代码依赖.所以 ...

  2. Cache缓存设计

    缓存的适用场景: 缓存的目的是提高访问速度,减少不必要的开销,提高性能.那什么样的场景适用于缓存呢.试想一个多项式的计算是一个CPU bound的操作,如果频繁调用同一个多项式的结果.显然缓存结果是一 ...

  3. Machine learning 吴恩达第二周coding作业(必做题）

    1.warmUpExercise: function A = warmUpExercise() %WARMUPEXERCISE Example function in octave % A = WAR ...

  4. ReactNative之坑：停在gradle一直出点

    问题: 初次安装好React Native 环境后,运行项目,会停留在下载 gradle 的界面一直出点 原因: 下载gradle一直不成功 解决方案: 可以根据提示的版本信息,手动下载,放在目录中, ...

  5. [蓝桥杯][2016年第七届真题]路径之谜（dfs）

    题目描述 小明冒充X星球的骑士,进入了一个奇怪的城堡. 城堡里边什么都没有,只有方形石头铺成的地面. 假设城堡地面是 n x n 个方格.[如图1.png]所示. 按习俗,骑士要从西北角走到东南角. ...

  6. docker 把镜像打包成文件

    保存镜像为文件 docker save -o 要保存的文件名 要保存的镜像 举例: [root@iZbp16cdvzk4rhl0vn1gedZ ~]# ls aaa.cap install.sh mo ...

  7. python爬虫专栏学习

    知乎的一个讲python的专栏,其中爬虫的几篇文章,偏入门解释,快速看了一遍. 入门 爬虫基本原理:用最简单的代码抓取最基础的网页,展现爬虫的最基本思想,让读者知道爬虫其实是一件非常简单的事情. 爬虫 ...

  8. 解决GitHub下载很慢的问题

    此方法参照 github下载慢,轻松提速教程 1.获取github的IP地址.访问:https://www.ipaddress.com/ 网址依次获取以下三个网址的IP github.com gith ...

  9. Kubernetes单机安装部署

    系统环境: Ubuntu 16.04.2 LTS 软件环境: Docker 1.12.6 Go 1.8.3 Etcd 3.1.8 Flannel 0.7.1 Kubernetes master 1.7 ...

  10. (转)【MySQL】sync_binlog innodb_flush_log_at_trx_commit 浅析

    原文:http://blog.itpub.net/22664653/viewspace-1063134/  innodb_flush_log_at_trx_commit和sync_binlog 两个参 ...