Sort函数自定义排序

[ttop5]

JS中的sort函数是可以接收排序方法作为参数的，所以我们就利用这点来进行自定义排序。

1. 数组升序

const array = [1, 5, 2, 4, 3];

array.sort();

2. 数组降序

const array = [1, 5, 2, 4, 3];

function compare(a, b) {
  return b - a;
}

array.sort(compare);

3. 对象数组

将下面的对象根据年龄进行排序：

const friends = [
  { name: 'John', age: 30 },
  { name: 'Ana', age: 20 },
  { name: 'Tom', age: 25 },
];

function comparePerson(a, b) {
  return a.age - b.age;
}

friends.sort(comparePerson);

4. 字符串数组

const names = ['Ana', 'ana', 'john', 'John'];

names.sort();

上面的代码得到的结果是 ["Ana", "John", "ana", "john"]，这是因为js在做字符比较的时候是根据字符对应的ASCII值来进行比较的，如：A, J, a, j 对应的ASCII值分别是 65, 75, 97, 106。

想要得到我们想要的 ["Ana", "ana", "John", "john"]，只需要给sort传入一个忽略大小写的比较函数即可：

function stringCompare(a, b) {
  if (a.toLowerCase() < b.toLowerCase()) {
    return -1;
  }
  if (a.toLowerCase() > b.toLowerCase()) {
    return 1;
  }
  return 0;
}

names.sort(stringCompare);

[junnplus]

function compare(a, b) {
  return a - b;
}

这样写省事多了

[ttop5]

@junnplus get 🌹

[junnplus]

最近写前端用lodash感觉很舒服。。。

[ttop5]

@junnplus 全栈大佬