• 关于js中sort()排序方法


      第一次写这个,算是记录自己的学习前端的一点点的历程吧。今天在做一个图片的随机排序遇到了一个问题,部分截图如下

    我用的是json格式存储数组,想通过排序实现img数组中的内容升序或是降序发现用sort自带的方法不行,w3school上的原话是:sort() 方法用于对数组的元素进行排序,arrayObject.sort(sortby)  (记住sort方法排序改变的是原有的数组不生成副本)如果调用该方法时没有使用参数,将按字母顺序(Ascall编码)对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。如果要想进行升序或是降序排序的话,要提供比较函数。

    比较函数应该具有两个参数 a 和 b,其返回值如下:

    • 若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。
    • 若 a 等于 b,则返回 0。
    • 若 a 大于 b,则返回一个大于 0 的值。

    什么意思呢,默认a,b两个参数 若是 a-b 若是 小于 0则 a前b后 ,大于0 则 a后b前。 

                         若是b-a  若是 小于0 则 a前b后 ,大于0 则 a后b前。

    通过调试发现默认情况下,a-b时 a的值都是比b小(随机出现) 故会出现升序情况 故返回值都是小于0的

                                           b-a时 b的值都是比a大,故会出现降序情况 故返回值都是大于0的

    下面附上调试截图:

    b-a降序情况下

    a-b升序序情况下

    总结一下就是:随机选取的a,b两个值通常情况下,都是a的值比b小,排序规则是根据返回值,小于0则 升序 大于0 则降序,

                         第一参数a, 第二参数b ------  a-b升序   b-a降序。

    如有问题,欢迎指出,第一次写累死了O(∩_∩)O哈哈~

  • 相关阅读:
    网络编程基础
    Unicode 和 UTF-8 有什么区别?
    IDEA中全局搜索只展示100条结果的问题
    MySql实现无则插入有则更新的解决方案
    总是报Expected indentation of 0 spaces but found 2如何解决
    vue Cannot read property 'get' of undefined
    mac 下修改 jenkins 端口
    mac 查找被占用的8080端口并关闭
    sql server 常用高级查询sql
    java & spring 注解 备忘
  • 原文地址:https://www.cnblogs.com/fansama/p/6084195.html
Copyright © 2020-2023  润新知