2024年js数组去重方法以及其效率总结(1)，阿里牛逼

专业技能

一般来说，面试官会根据你的简历内容去提问，但是技术基础还有需要自己去准备分类，形成自己的知识体系的。简单列一下我自己遇到的一些题

• HTML+CSS
• JavaScript
• 前端框架
• 前端性能优化
• 前端监控
• 模块化+项目构建
• 代码管理
• 信息安全
• 网络协议
• 浏览器
• 算法与数据结构
• 团队管理
• 开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

最近得空把之前遇到的面试题做了一个整理，包括我本人自己去面试遇到的，还有其他人员去面试遇到的，还有网上刷到的，我都统一的整理了一下，希望对大家有用。

其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器等等

由于文章篇幅有限，仅展示部分内容

}

测试时间如下：

三：通过数组方法forEach + indexOf

实现思路：

function uniqueArr(arr) {

const newArr = [];

arr.forEach(item => {

if (newArr.indexOf(item) === -1) {

newArr.push(item)

}

});

return newArr;

}

测试时间：

四：通过数组sort()方法

实现思路1：

function uniqueArray(arr) {

const newArr = [];

arr.sort();

for (let i = 0; i < arr.length; i++) {

if (arr[i] !==arr[i+1]) {

newArr.push(arr[i])

}

}

return newArr;

}

测试时间：

实现思路2：

function uniqueArray(arr) {

const newArr = [];

arr.sort()

for (let i = 0; i < arr.length; i++) {

if (arr[i] !== newArray[newArr.length-1]) {

newArr.push(arr[i])

}

}

return newArr;

}

测试时间：

五：通过数组的includes()方法

实现思路：

function uniqueArray(arr) {

const newArr = [];

arr.forEach(item => {

if (!newArr.includes(item)) {

newArr.push(item)

}

})

return newArr;

}

测试时间：

六：通过数组的reduce()方法

实现思路：

function uniqueArray(arr) {

return arr.sort().reduce((prev, cur) => {

if (prev.length === 0 || prev[prev.length - 1] !== prev) {

prev.push(cur)

}

return prev

}, [])

}

测试时间：

七：使用ES6的Map

实现思路：

function uniqueArray(arr) {

const newArr = [];

const tmp = new Map();

for (let i = 0; i < arr.length; i++) {

if (!tmp.get(arr[i])) {

tmp.set(arr[i], 1);

newArr.push(arr[i])

}

}

return newArr;

}

测试时间：

八：使用ES6的Set

实现思路：

function uniqueArray(arr) {

return Array.from(new Set(arr))

}

学习分享，共勉

题外话，毕竟我工作多年，深知技术改革和创新的方向，Flutter作为跨平台开发技术、Flutter以其美观、快速、高效、开放等优势迅速俘获人心

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

S6的Set

实现思路：

function uniqueArray(arr) {

return Array.from(new Set(arr))

}

学习分享，共勉

题外话，毕竟我工作多年，深知技术改革和创新的方向，Flutter作为跨平台开发技术、Flutter以其美观、快速、高效、开放等优势迅速俘获人心

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

[外链图片转存中…(img-1q9CuOdi-1714817052473)]