定义和用法
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() + 自定义函数实现自己想要的排序方式。