zoukankan      html  css  js  c++  java
  • JavaScript学习笔记 -- sort()的用法

          关于排序问题,第一次看教程/书的时候都是迷迷糊糊的感觉,看完就忘记了。等到看第二遍的时候,才发现自己其实没有掌握该知识点,其实这些在网上都能搜到,但是只有自己亲自整理才会有比较深刻的印象。前面还有许多问题没有写在博客上,以后视情况添加。

          关于JS的sort()方法和reverse()方法是可以直接用来给数组进行排序的,reverse()用于逆向排序,而sort()用于正向排序。实例如下: 

    •  reverse()方法:将数组逆序排列(跟原数组的排序方式相反)
    <script>
        var box = [1,4,5,13,9];
        alert(box.reverse());  //[9,13,5,4,1]
        alert(box);           //[9,13,5,4,1]  box本身也被修改了,说明是引用
    </script>
    • sort()方法:将数组按从小到大顺序排列,注意:sort方法是根据字符串首字母对应的字符编码的顺序进行排序,如果数组元素是Number类型时会出现问题(自动将Number类型转换为String类型进行比较),如下:
    <script>
        var box = [1,4,5,13,9];
        alert(box.sort());  //[1,13,4,5,9]
        alert(box);           //[1,13,4,5,9]  box本身同样也被修改了,说明是引用
    </script>
    

      

    为了解决这个问题,需要引入一个方法形式的参数,进行数值大小的比较,如下:

    <script>
        var box = [1,4,5,13,9];
        function sortNum(value1,value2){
            return value1 - value2;
            /*如果返回值为负数,value1排value2的前面,反之则调换顺序,等于0不改变排序方式;
            如果要从大到小排列,则return value2 - value1 即可 */
        }
        alert(box.sort(sortNum));   //1,4,5,9,13
        alert(box);                  //1,4,5,9,13
    </script>
    参考js手册sort方法:http://shouce.jb51.net/jscript/index.html

    努力成为一个高级前端开发。
  • 相关阅读:
    Docker安装Zookeeper并进行操作
    JVM 完整深入解析
    synchronized关键字加到static静态方法和非static静态方法区别
    submit与execute区别
    ThreadPoolTaskExecutor和ThreadPoolExecutor区别
    Redis占用内存大小
    Java中CycliBarriar和CountdownLatch区别
    Java并发编程:线程间协作的两种方式:wait、notify、notifyAll和Condition
    文本格式
    JavaScript事件
  • 原文地址:https://www.cnblogs.com/webellen/p/5422445.html
Copyright © 2011-2022 走看看