Web前端常用面试，Js sort()核心用法，有了它，2024大厂前端面试真题集锦

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

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

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

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

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

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

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

最后

一个好的心态和一个坚持的心很重要，很多冲着高薪的人想学习前端，但是能学到最后的没有几个，遇到困难就放弃了，这种人到处都是，就是因为有的东西难，所以他的回报才很大，我们评判一个前端开发者是什么水平，就是他解决问题的能力有多强。

CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

分享一些前端面试题以及学习路线给大家

一个人可以走的很快，但一群人才能走的更远。如果你从事以下工作或对以下感兴趣，欢迎戳这里加入程序员的圈子，让我们一起学习成长！

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算

04bb5a486d4c3ab8389e65ecb71ac0)

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算