美文网首页
Array.sort()

Array.sort()

作者: 白羊座的泰迪 | 来源:发表于2020-12-18 15:12 被阅读0次

在一个算法题中看到了这个sort方法,方法原理有点模糊,没办法,来马克一下,加强下记忆吧。

一. 定义和用法

首先,sort方法是通过原地算法对数组进行排序的一个方法,返回一个新的数组,同时会修改原数组。

二. 默认无参数调用方式

如果sort方法不加参数,直接调用,如:

var arr1 = [1, 3, 12, 54];
var arr2 = ['a', 'go', 'me', 'console']
arr1.sort();
arr2.sort();
console.log(arr1)//[1,12, 3, 54]
console.log(arr2)//["a", "console", "go", "me"]

此时是按照字符编码的顺序进行排序。首先把数组的元素都转换成字符串,再进行比较,然后返回排序后的数组。

三. 按照其他标准进行排序

默认的排序方法,结果是不可控的,字符编码排序靠前的元素就会排在前边,如果想按照自己的意愿进行排序,那就需要在调用sort方法时添加一个参数,来体现你的排序意愿。

1.参数介绍

什么参数能够完美体现你的意愿,那就自然是一个函数了。

arr.sort(compareFunction);
function compareFunction(a, b){
  //a:第一个用于比较的元素。
  //b:第二个用于比较的元素。
  return a - b
}

如果指明了 compareFunction ,那么数组会按照调用该函数的返回值排序。即 a 和 b 是两个将要被比较的元素:

  • 如果 compareFunction(a, b) 返回值小于 0 ,那么 a 会被排列到 b 之前;
  • 如果 compareFunction(a, b) 返回值等于 0 , a 和 b 的相对位置不变。备注: ECMAScript 标准并不保证这一行为,而且也不是所有浏览器都会遵守(例如 Mozilla 在 2003 年之前的版本);
  • 如果 compareFunction(a, b) 返回值大于 0 , b 会被排列到 a 之前。

注:compareFunction(a, b) 必须总是对相同的输入返回相同的比较结果,否则排序的结果将是不确定的。

2.操作精髓

看完介绍就会明白,排序的精髓就在于参数的返回值,那么根据自己的意愿控制这个参数函数的返回值,就可以自定义排序规则了。

例1:

var arr = [12,5,43,26,195];
function fun(a, b){
  return a - b
  //a-b可以控制让数组按照从小到大的排序
}
arr.sort(fun);
console.log(arr)// [5, 12, 26, 43, 195]

//以上也可以简化写成:
arr.sort((a,b)=>a-b);

以上的代码就是可以通过返回a-b来达到按照大小排序的目的。还有比较复杂的需求,数组中的元素是复杂结构,也可以通过控制返回值来对数组进行排序。

例2:

var items = [
  { name: 'Edward', value: 21 },
  { name: 'Sharpe', value: 37 },
  { name: 'And', value: 45 },
  { name: 'The', value: -12 },
  { name: 'Magnetic' },
  { name: 'Zeros', value: 37 }
];
items.sort(function (a, b) {
  return (a.value - b.value)
});

例子2就是通过元素的value值的大小对数组元素进行排序

四.总结

想要按照自己的意愿对数组进行排序,通过判断参数在不同的场景返回符合自己意愿的返回值就好了。

相关文章

  • vue 中 去重方法 Element列表

    //去重方法 uniq(array){ array.sort(); v...

  • Array.sort()

    array.sort(sortFunction);//竟然传入的是比较函数 还可以根据自己需要排序,例如按数组项的...

  • Array.sort

    数组排序函数,经常使用。(抱歉,我没用过,如果你不问,我是想不到排序用这个函数的 。工作中用到数组排序函数时,都是...

  • Array.sort()

    它的原理是传入的回调函数会将数组中的元素,两两拿出来做比较,当返回值小于0时,a会被移动到b的前面。反之同理 此处...

  • Array.sort()

    在一个算法题中看到了这个sort方法,方法原理有点模糊,没办法,来马克一下,加强下记忆吧。 一. 定义和用法 首先...

  • 数组去重

    1. 双层for循环 2. Array.filter() + indexOf 3. Array.sort() + ...

  • Array.sort()相关

    问题描述 用Array.sort()在不传入自定义比较函数的情况下,排序结果是按位比较的结果,而不是预期的按数字大...

  • JavaScript踩过的坑

    开一篇记录踩过的坑...... Array.sort() 数组排序 Array.prototype.sort()有...

  • 数组的方法(三)

    Array.sort() 数组排序(默认按字符编码(ASCII)排序) Array.push() 从数组尾部添加元...

  • 数组操作

    array.join array.slice ES5 伪数组转真数组 ES6 array.sort forEach...

网友评论

      本文标题:Array.sort()

      本文链接:https://www.haomeiwen.com/subject/lkgxnktx.html