Js sort()核心用法，有了它，你无需再为数组排序而发愁

定义和用法

sort() 方法用于对数组的元素进行排序（常规数组、对象数组）。

排序顺序可以是字母或数字，并按升序或降序。

默认排序顺序为按字母升序（按照字符串Unicode编码）。

注意：

当数字是按字母顺序排列时"40"将排在"5"前面。

使用数字排序，你必须通过一个函数作为参数来调用。

函数指定数字是按照升序还是降序排列。

注意： 

这种方法会改变原始数组！

基本使用

1、对常规字符串数组进行排序（默认排序）：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();
console.log(fruits,'=> fruits')

2、对常规数字数组进行排序（默认排序） ：

var numbers = [8,3,5,7,2,6];
numbers.sort();
console.log(numbers,'=> numbers')

这里有个注意点，观察上面数组，里面的数字从小到大排序，给人一种数字数组sort()默认排序是升序，实则不然，下面一个例子：

var numbers = [8,13,5,7,20,6,1];
numbers.sort();
console.log(numbers,'=> numbers')

此时打印出来的数组并不是按照升序进行排序，上面说到sort()默认是按照Unicode编码进行排序，

因为码点1在2的前面，所以即使13 > 2，13也会在2的前面，因为13的第一位是1。（当数组里面的数字都小于10的时候，效果等同升序）

混合数组默认排序同理：

var minx = [8,13,5,7,0,20,6,1,"Banana", "Orange", "Apple", "Mango"];
minx.sort();
console.log(minx,'=> numbers and fruits')

3、实现自定义升序和降序

使用数字排序，你必须通过一个函数作为参数来调用。

形如 arr.sort(function(a,b){}) 或者 arr.sort((a,b)=>{}) ，这里使用箭头函数的方式，直接看例子，再讲原理

3.1、升序

var numbers = [8,13,5,7,20,6,1,6];
numbers.sort((a,b)=>{
  if(a > b) {
    return 1
  }else if(a < b) {
    return -1
  }else if(a == b){
    return 0
  }
});
console.log(numbers,'=> numbers')

简写模式（常用方式）

var numbers = [8,13,5,7,20,6,1,6];
numbers.sort((a,b)=>{
  return a - b
});
console.log(numbers,'=> numbers')

原理：

sort()里面的函数返回值如果大于0，则a、b交换位置；（数组原本位置为a在b的前面）

如果返回值小于0，则a、b不交换位置；

如果返回值等于0，则a、b的位置不变。

如上数组，如果我们希望升序，原先a在b的前面，判断a的值如果大于b的值（即a - b > 0），交换a、b的位置，相当于把大的数放在后面，遍历结束，数组升序。

3.2、降序

tips：一个小知识点，对升序之后的数组使用reverse()方法，可以达到目的。

通过上面升序例子，我们知道sort()主要是通过判断函数返回值是否大于0，从而交换a、b的位置。降序就是把大的数放在小的数前面，假如a的值小于b的值，这时候希望交换a、b的位置以达到降序的目的，此时sort()里面函数返回值应该大于0。

var numbers = [8,13,5,7,20,6,1,6];
numbers.sort((a,b)=>{
  if(b > a) {   //如果b > a，交换a、b位置，大值在前面，函数返回 > 0
    return 2    //返回大于0的数即可
  }else if(b < a) {
    return -1
  }else if(a == b){
    return 0
  }
});
console.log(numbers,'=> numbers')

 简写模式（常用方式）

var numbers = [8,13,5,7,20,6,1,6];
numbers.sort((a,b)=>{
  return b - a
});
console.log(numbers,'=> numbers')

4、对象数组的升序和降序

理解sort()升序、降序原理之后，可以用它为对象数组进行排序。

4.1、假设有一个对象数组，里面有几个对象，属性包括姓名、年龄、成绩：

let personList = [
  {name:'leo', age:18, score:88},
  {name:'lion', age:16, score:66},
  {name:'alex', age:28, score:99},
  {name:'gao', age:25, score:68},
  {name:'ggj', age:22, score:98}
]

我们想让这个数组按照年龄从低到高进行排序，即按照年龄进行升序。同样的，sort()自定义函数，比较每个对象的年龄，如果a的年龄大于b的年龄，交换位置，函数返回大于0的数，直接使用简写方式：

let personList = [
  {name:'leo', age:18, score:88},
  {name:'lion', age:16, score:66},
  {name:'alex', age:28, score:99},
  {name:'gao', age:25, score:68},
  {name:'ggj', age:22, score:98},
]

personList.sort((a,b)=>{
  return a.age - b.age   //使用年龄进行比较
})
console.log(personList,'按年龄升序')

相应的降序：

personList.sort((a,b)=>{
  return b.age - a.age   //使用年龄进行比较
})
console.log(personList,'按年龄降序')

当然也可以按照成绩进行升、降序：

personList.sort((a,b)=>{
  return a.score - b.score   //使用成绩进行比较
})
console.log(personList,'按成绩升序')


personList.sort((a,b)=>{
  return b.score - a.score   //使用成绩进行比较
})
console.log(personList,'按成绩降序')

4.2、对象数组由多个属性共同决定升、降序

现在先比较成绩，成绩高的排在前面，如果成绩一样，年龄大的排在前面：

let personList = [
  {name:'leo', age:18, score:88},
  {name:'lion', age:16, score:68},
  {name:'alex', age:28, score:68},
  {name:'gao', age:25, score:68},
  {name:'ggj', age:22, score:98},
]
personList.sort((a,b)=>{
  if(a.score != b.score){   
    //成绩不同，按成绩降序
    return b.score - a.score
  }else {     
    //成绩相同，按年龄降序
    return b.age - a.age
  }
})
console.log(personList,'由成绩、年龄共同排序')

打印排序结果：

以上实现了对象数组按照多属性排序。至此，sort()的核心用法基本讲完了，只要理解其原理，不管排序规则怎么变，你基本都可以运用sort() + 自定义函数实现自己想要的排序方式。