总结
秋招即将开始，校招的朋友普遍是缺少项目经历的，所以底层逻辑，基础知识要掌握好！
而一般的社招，更是神仙打架。特别强调，项目经历不可忽视；几乎简历上提到的项目都会被刨根问底，所以项目应用的技术要熟练，底层原理必须清楚。
这里给大家提供一份汇集各大厂面试高频核心考点前端学习资料。涵盖 HTML，CSS，JavaScript，HTTP，TCP协议，浏览器，Vue框架，算法等高频考点238道（含答案）！
资料截图 ：
高级前端工程师必备资料包
前端面试题库 （面试必备） 推荐：★★★★★
地址：前端面试题库
五种方式
最简单的方法，ES6的Set去重(最推荐)
这个方法是我日常开发中最喜欢用的方法，因为，他的使用方法是所有去重中最简单的。而我是一个懒癌患者。
new Set是ES6新推出的一种类型。他和数组的区别在于，Set类型中的数据不可以有重复的值。当然，数组的一些方法Set也无法调用。
使用方法:其实很简单，将一个数组转化为Set数据，再转化回来，就完成了去重。
const arr = [1,1,2,2,3,3,4,4,5,5];
const setData = Array.from(newSet(arr));
console.log(setData);
复制代码
图例↓
但是Set去重有一个弊端，他无法去重引用类型的数据。比如对象数组。
图例:
所以如果您的数组中都是值类型的数据（比如全string或者全number），那么使用Set进行去重一定是首选，会为您减少很多的麻烦。
最古老的方法，双重for循环去重
在很早以前，还没有Set，没有map，filter的时候，双重for循环几乎是去重的唯一方式。
//双重循环去重consthandleRemoveRepeat = (arr) => {
for (let i=0,len = arr.length; i < len; i++) {
for (let j = i + 1; j < len; j++) {
if (arr[i] === arr[j]) {
arr.splice(j, 1);
j--;
len--;
}
}
}
return arr;
};
复制代码
图例:
这里有一个有意思的地方，或许您不太明白，为什么我的for循环的初始表达式中声明了两个东西:let i = 0;len = arr.length;
我来给您解答:
被圈起来的三个表示的是for循环的三个表达式,依次分别是:初始表达式，判断表达式，自增表达式。其中，初始表达式在for循环开始的时候会执行一次，以后就不会再执行了，但是判断表达式和自增表达式会在每一次循环的时候都去执行。
如果您不太理解文字表达，没关系，我画了张图。
您或许已经发现，后一个圈中的内容会陷入一个循环。
但这和我们一开始len = arr.length有什么关系呢？
值得注意的是,如果一开始定义，那么每一次循环，都需要走 arr.length,length可是个方法，虽然他的消耗并不大，但在for循环中这个消耗会被方法，假设这个循环需要循环10000次呢，length就会被执行10000次。
最鸡肋的去重方式，indexOf去重
indexOf还是相对简单又鸡肋。为什么说他鸡肋呢?说难吧，indexOf方法确实比上文的双重for循环简单。说简单吧，嘿，他没Set方法去重来的更简单。所以鸡肋。
//去重consthandleRemoveRepeat = (arr) => {
let repeatArr = [];
for (let i = 0,len = arr.length ; i < len; i++)
if (repeatArr.indexOf(arr[i]) === -1) repeatArr.push(arr[i])
return repeatArr;
}
复制代码
图例：
同样的，这个方法也有一个细节点，您或许已经发现了，上文的if和for没有花括号；是的；for和if都默认对下面一条语句负责。在没有必要的情况下，不用多加一个{}。
或许您会觉得这不可读，这就是有意思的地方了，这是一个工具类方法，注定被藏在utils中的一个方法，他无关业务逻辑，并不需要有太大可读性。
而且，这么写还有一个很原因:给人的视觉冲击会比较大。说点人话就是 -----很装逼;
一种类似于indexOf的去重方法，includes去重
使用includes的去重方法和indexOf不能说很像，基本上一模一样。变换的仅仅只是判断方法。
includes的判断方法更简单了。循环数组的每一样，用新数组检测当前数组中是否包含数组项，如果不包含，则追加该元素
consthandleRemoveRepeat = (arr) => {
let repeatArr = [];
for (let i = 0,len = arr.length ; i < len; i++)
if (!repeatArr.includes(arr[i])) repeatArr.push(arr[i])
return repeatArr;
}
复制代码
图例
includes方法在除了去重以外的场景，还是很好用的。
最有趣的去重方法，使用filter去重。
使用filter配合indexOf进行的去重过程，真的可以非常的简单且富含趣味性。
//去重consthandleRemoveRepeat = (arr) => arr.filter((item,index) => arr.indexOf(item,0) === index);
复制代码
是的，没了，就一行。
图例
您是否没有反应过来？乍一看，不知道他是怎么完成去重的。
小问题，我为您解答疑惑。
indexOf的特性是返回被查找的目标中包含的第一个位置的索引
最后
技术是没有终点的，也是学不完的，最重要的是活着、不秃。零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。
