在JavaScript中经常需要对数组进行排序:
常见的需要排序的数组:数字数组
,对象数组
数字数组:[1,2,3,4,5,6,7,8…]
对象数组:[obj1,obj2,obj3,obj4…]
解决方法:js自身拥有的sort()
;
下图是JavaScript对sort()方法的定义:
其中sortby
参数是我们需要注意的重点:
最常见的排序方式分为升序
(asc)和降序
(desc):
//升序函数
function asc(a,b){return a-b};
//降序函数
function desc(a,b){return b-a};
var arr = [1,2,3,4,5]
console.log(arr.sort(asc));
console.log(arr.sort(desc));
数字数组排序:
对象数组,按对象属性排序
function user(id,age,sex){
this.id = id;
this.age = age;
this.sex = sex;
}
//测试数组
var user1 = new user(1,24,"男");
var user2 = new user(2,18,"女");
var user3 = new user(3,30,"男");
var user4 = new user(4,35,"女");
var user5 = new user(5,20,"男");
var usersArr = [];
usersArr.push(user1);
usersArr.push(user2);
usersArr.push(user3);
usersArr.push(user4);
usersArr.push(user5);
//升序函数
function asc(a,b){return a.id - b.id};
//降序函数
function desc(a,b){return b.id - a.id};
//测试按user的id属性排序
console.log(usersArr.sort(asc));
console.log(usersArr.sort(desc));
//测试按user的age属性排序
console.log(usersArr.sort(function(a,b){return a.age - b.age}));
console.log(usersArr.sort(function(a,b){return b.age - a.age}));
- 按id排序:
- 按age排序
注:
sort()
方法在原始数组上操作,会改变原始数组内元素的顺序,如果不想改变原始数组,可以使用拷贝方式concat()
得到一个副本数组