编码

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. Windows下Jmeter安装出现Not able to find Java executable or version问题解决方案

    安装好java1.8.jmeter4.0,并java -version正常,jmeter也能正常使用.某一次使用突然出现Not able to find Java executable or vers ...

  2. （二）Audio子系统之new AudioRecord()（Android4.4）

    在上一篇文章<(一)Audio子系统之AudioRecord.getMinBufferSize>中已经介绍了AudioRecord如何获取最小缓冲区大小,接下来,继续分析AudioReco ...

  3. lua table、ipairs/pairs基础知识

    1.什么是table? table是Lua最复杂最强大的数据结构,Lua本身并不是面向对象语言,但是对面向对象中毒比较深的程序员,可以借助table”完美”地模拟面向对象编程.最简单地,我们可以把ta ...

  4. Java - String中的==、equals及StringBuffer（转自CSDN 作者：chenrui_）

    equals是比较值/对象是否相同,==则比较的是引用地址是否相同. ==  如果是基本类型则表示值相等,如果是引用类型则表示地址相等即是同一个对象 package com.char3; public ...

  5. Java - 自定义异常(尚学堂第六章异常机制作业计算平均数)

    编写一个计算N个学生分数平均分的程序.程序应该提示用户输入N的值,如何必须输入所有N个学生分数.如果用户输入的分数是一个负数,则应该抛出一个异常并捕获,提示“分数必须是正数或者0”.并提示用户再次输入 ...

  6. for、while、do while 3种循环异同点

    for (; ; ){ 循环体} while(循环条件){ 循环体} do{ 循环体}while(循环条件); 执行顺序不同: for循环和while循环:先判断条件为true时,然后再执行 do w ...

  7. vue element 常见问题

    1. vue2.0 给data对象新增属性,并触发视图更新  $set this.$set(this.ossData, "signature", 222) // 正确用法 // 数 ...

  8. 3dsmax2020卸载/安装失败/如何彻底卸载清除干净3dsmax2020注册表和文件的方法

    3dsmax2020提示安装未完成,某些产品无法安装该怎样解决呢?一些朋友在win7或者win10系统下安装3dsmax2020失败提示3dsmax2020安装未完成,某些产品无法安装,也有时候想重新 ...

  9. CoreJava基础之构造器

    类的基本语法: 修饰词 class 类名{ 修饰词 类型 属性名: } 实例:public class Book{ int id; String name; String[] authors ={&q ...

  10. 【随笔】Linux主机简单判断CC攻击的命令

    今天看到一个很有意思的命令tcpdump,在这里记录下. 如果想要看tcpdump的详细用法,可以点击这里. 什么是CC攻击? 关于CC攻击,这里引用百度的解释: CC攻击的原理就是攻击者控制某些主机 ...