js对数字数组和对象数组排序

在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}));
  1. 按id排序:

在这里插入图片描述

  1. 按age排序

在这里插入图片描述

注:

sort()方法在原始数组上操作,会改变原始数组内元素的顺序,如果不想改变原始数组,可以使用拷贝方式concat()得到一个副本数组

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值