附高频面试题合集，Js sort()核心用法，有了它，成体系化的神级前端进阶笔记

基本使用

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()方法，可以达到目的。

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

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

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

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

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

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

最后

---

大厂面试问深度，小厂面试问广度，如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官，还要平时遇到问题后思考一下问题的本质，找方法解决是一个方面，看到问题本质是另一个方面。还有大家一定要有目标，我在很久之前就想着以后一定要去大厂，然后默默努力，每天看一些大佬们的文章，总是觉得只有再学深入一点才有机会，所以才有恒心一直学下去。

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

img-blog.csdnimg.cn/img_convert/718310d106ab948d6f467d78e08b1aed.png)

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-JJ5rp9fV-1712592470541)]