编码

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. classnofoundexception:org.springframework.ui.freemarker.FreeMarkerConfigurationFactory

    这个是在整合freemarker的时候出现的问题,在添加依赖spring-context-support.jar之后就好了 但是我在搭建框架的时候出现的问题是明明添加了这个依赖,但是出现一个问题 出现 ...

  2. JQuery easyui里面的自动完成autocomplete插件

    默认功能 当您在输入域中输入时,自动完成(Autocomplete)部件提供相应的建议.在本实例中,提供了编程语言的建议选项,您可以输入 "ja" 尝试一下,可以得到 Java 或 ...

  3. QQ第三方登陆示例

    先上图 若想实现QQ登录,需要成为QQ互联的开发者,审核通过才可实现.注册方法可参考链接http://wiki.connect.qq.com/%E6%88%90%E4%B8%BA%E5%BC%80%E ...

  4. HTML-JavaScript的DOM操作-非重点部分

    1.DOM的基本概念 DOM是文档对象模型,这种模型为树模型:文档是指标签文档(HTML文档),对象是指文档中每个元素:模型是指抽象划的东西. 2.Windows对象操作 一.属性和方法 属性(值或者 ...

  5. Codeforces Round #556 (Div. 2) - D. Three Religions（动态规划）

    Problem  Codeforces Round #556 (Div. 2) - D. Three Religions Time Limit: 3000 mSec Problem Descripti ...

  6. 记录：CentOS 7 安装配置分布式文件系统 FastDFS 5.1.1

    CentOS 7 安装配置分布式文件系统 FastDFS 5.1.1 软件下载:http://download.csdn.net/download/qingchunwuxian1993/9897458 ...

  7. 2019年华南理工大学程序设计竞赛（春季赛） K Parco_Love_String（后缀自动机）找两个串的相同字串有多少

    https://ac.nowcoder.com/acm/contest/625/K 题意: 给出Q 个询问 i , 求 s[0..i-1] 与 s[i...len-1] 有多少相同的字串 分析: 给出 ...

  8. Jquery 在ios上事件委托失效

    点击通过js遍历出来的列表,跳转页面.点击事件委托在document上, 像这样: $(document).on("click",".nav",function ...

  9. Domain 表达式的用法

    什么是Domain [('create_uid','=',user.id)] Domain是个多条件的列表,每个条件是一个三元表达式:[(字段名,操作符,值), (字段名,操作符,值)] Domain ...

  10. ASP.NET Core中Middleware的使用

    https://www.cnblogs.com/shenba/p/6361311.html   ASP.NET 5中Middleware的基本用法 在ASP.NET 5里面引入了OWIN的概念,大致意 ...