关于js中sort()排序方法

时间:2021-08-19 04:38:07

  第一次写这个,算是记录自己的学习前端的一点点的历程吧。今天在做一个图片的随机排序遇到了一个问题,部分截图如下关于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降序情况下

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

a-b升序序情况下

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

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

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

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