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

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

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

总结一下

面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。

还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。

万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。

为了帮助大家更好更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。

前端面试题汇总

事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。

为了帮助大家更好更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。

前端面试题汇总