美文网首页
数组sort()方法详解

数组sort()方法详解

作者: 沧澈 | 来源:发表于2019-01-09 10:48 被阅读0次

sort 方法用原地算法对数组的元素进行排序,并返回数组

1.语法:

arr.sort([compareFunction])
compareFunction 可选:用来指定按某种顺序进行排列的函数。如果省略,元素按照转换为的字符串的各个字符的Unicode位点进行排序。

  • 如果没有指明 compareFunction ,那么元素会按照转换为的字符串的诸个字符的Unicode位点进行排序。例如 "Banana" 会被排列到 "cherry" 之前。当数字按由小到大排序时,9 出现在 80 之前,但因为(没有指明 compareFunction),比较的数字会先被转换为字符串,所以在Unicode顺序上 "80" 要比 "9" 要靠前。

  • 如果指明了 compareFunction ,那么数组会按照调用该函数的返回值排序。即 a 和 b 是两个将要被比较的元素:
    (1)如果 compareFunction(a, b) 小于 0 ,那么 a 会被排列到 b 之前;
    (2)如果 compareFunction(a, b) 等于 0 , a 和 b 的相对位置不变。备注: ECMAScript 标准并不保证这一行为,而且也不是所有浏览器都会遵守(例如 Mozilla 在 2003 年之前的版本);
    (3)如果 compareFunction(a, b) 大于 0 , b 会被排列到 a 之前。
    (4)compareFunction(a, b) 必须总是对相同的输入返回相同的比较结果,否则排序的结果将是不确定的。

2.使用
  • sort 方法可以接收一个比较函数作为参数。
function compare(a, b) {
  if (a < b ) {           // 按某种排序标准进行比较, a 小于 b
    return -1;
  }
  if (a > b ) {
    return 1;
  }
  // a must be equal to b
  return 0;
}
  • 要比较数字而非字符串,比较函数可以简单的以 a 减 b,如下的函数将会将数组升序排列
function compareNumbers(a, b) {
  return a - b;
}
  • sort 方法可以使用 函数表达式方便地书写:
ar numbers = [4, 2, 5, 1, 3];
numbers.sort(function(a, b) {
  return a - b;
});
console.log(numbers);

也可以写成:
var numbers = [4, 2, 5, 1, 3]; 
numbers.sort((a, b) => a - b); 
console.log(numbers);

// [1, 2, 3, 4, 5]
  • 对象可以按照某个属性排序:
var items = [
  { name: 'Edward', value: 21 },
  { name: 'Sharpe', value: 37 },
  { name: 'And', value: 45 },
  { name: 'The', value: -12 },
  { name: 'Magnetic' },
  { name: 'Zeros', value: 37 }
];

// sort by value
items.sort(function (a, b) {
  return (a.value - b.value)
});

// sort by name
items.sort(function(a, b) {
  var nameA = a.name.toUpperCase(); // ignore upper and lowercase
  var nameB = b.name.toUpperCase(); // ignore upper and lowercase
  if (nameA < nameB) {
    return -1;
  }
  if (nameA > nameB) {
    return 1;
  }
  // names must be equal
  return 0;
});
  • 使用map改善排序:
    compareFunction 可能需要对元素做多次映射以实现排序,尤其当 compareFunction 较为复杂,且元素较多的时候,某些 compareFunction 可能会导致很高的负载。使用 map辅助排序将会是一个好主意。基本思想是首先将数组中的每个元素比较的实际值取出来,排序后再将数组恢复。
// 需要被排序的数组
var list = ['Delta', 'alpha', 'CHARLIE', 'bravo'];

// 对需要排序的数字和位置的临时存储
var mapped = list.map(function(el, i) {
  return { index: i, value: el.toLowerCase() };
})

// 按照多个值排序数组
mapped.sort(function(a, b) {
  return +(a.value > b.value) || +(a.value === b.value) - 1;
});

// 根据索引得到排序的结果
var result = mapped.map(function(el){
  return list[el.index];
});

来源:MDN

相关文章

  • 数组sort()方法详解

    sort 方法用原地算法对数组的元素进行排序,并返回数组 1.语法: arr.sort([compareFunct...

  • 数组排序和添加

    数组排序// 方法一://sort 排序 sort(function(a,b){return a-b;}) 数组...

  • 排序方法

    1、sort()方法 sort()方法是自带的数组排序方法,但要注意的是sort()方法是根据数组中每个元素第一个...

  • js基础之数组排序

    sort() 方法是最强大的数组方法之一。 sort() 方法以字母顺序对数组进行排序: 反转数组 reverse...

  • js数组排序

    ** 1.数组的sort()方法** sort()方法按照升序排列数组项,会调用每个数组项的toString()转...

  • JS练习2:数组(牛客)

    1 sort()方法 Array.sort()方法将数组中的元素排序并返回排序后的数组。当不带参数调用sort()...

  • 数组排序

    JavaScript的sort()方法 sort()方法按照升序排列数组项,会调用每个数组项的toString()...

  • 根据数组中的某一个对象进行排序

    arr.sort(this.sortId) //数组 使用sort方法, vue中 sort括号里面的方法不要...

  • Swift开发--Sorted方法

    1.使用sort方法和闭包进行数组排序 sort方法返回一个数组的有序版本。(sort方法即为Swift2.0之前...

  • 几个有用的 JavaScript 技巧

    1.对数字数组进行排序 JavaScript 数组有内置的 sort 方法。默认情况下 sort 方法把数组元素转...

网友评论

      本文标题:数组sort()方法详解

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