【数组】面试高频题:JS的数组去重的方法
创始人
2025-05-29 09:29:43
0

这是一个数组:

​ let arr = [2, 8, 5, 4, 6, 6, 8, 7, undefined, undefined, NaN, NaN, ‘’, ‘’, null, null, false, false]

1.使用es6新增的Set方法

使用es6新增的Set方法 对undefined,null,NaN,false,‘’ 都生效 注意Set得到的是伪数组

    let newArr1 = [...new Set(arr)] //...伪数组转真数组console.log(newArr1); //(11) [2, 8, 5, 4, 6, 7, undefined, NaN, '', null, false]let newArr2 = Array.from(new Set(arr)) //Array.from 伪元素也可以转真数组console.log(newArr2); //(11) [2, 8, 5, 4, 6, 7, undefined, NaN, '', null, false]

2. 使用includes和for实现

遍历每一项,用includes来判断是否在harr数组里,没有就添加进去,有就不加,这样就可以过滤重复的元素 ,foreach同理

    let harr = []for (let i = 0; i < arr.length; i++) {if (!harr.includes(arr[i])) {harr.push(arr[i])}}console.log(harr); //(11) [2, 8, 5, 4, 6, 7, undefined, NaN, '', null, false]

3. 使用indexOf

创一个空数组接收,遍历数组,遍历判断新数组里是否有相同的值,没有就push到新数组里。 无法对NaN判断
indexOf() 方法返回在数组中可以找到给定元素的第一个索引,如果不存在,则返回 -1

    let ioarr = []arr.forEach(item => {if (ioarr.indexOf(item) === -1) {ioarr.push(item)}})console.log(ioarr); //(12) [2, 8, 5, 4, 6, 7, undefined, NaN, NaN, '', null, false]

4.使用Map

Map对象是JavaScript提供的一种数据结构,结构为键值对形式,将数组元素作为map的键存入,然后结合has()set()方法判断键是否重复。

创建map实例,has方法判断Map中是否有这个键值,没有就set添加并给一个true属性值,并存到新的数组里

    let map = new Map()let marr = []console.log(map);arr.forEach(item => {if (!map.has(item)) {map.set(item, true)marr.push(item)}})console.log(marr); //(11) [2, 8, 5, 4, 6, 7, undefined, NaN, '', null, false]

5. 利用对象

利用了对象的属性名不可重复这一特性

  let obArr = []const obj = {}arr.forEach(item => {if (!obj[item]) {obArr.push(item)obj[item] = true}})console.log(obArr); //(11) [2, 8, 5, 4, 6, 7, undefined, NaN, '', null, false]

其他方法

1.利用两层循环+数组的splice方法

通过两层循环对数组元素进行逐一比较,然后通过splice方法来删除重复的元素。此方法对NaN是无法进行去重的,因为进行比较时NaN !== NaN。

2.利用数组的filter()+indexOf()

filter方法会对满足条件的元素存放到一个新数组中,结合indexOf方法进行判断。

…方法应该很多,有碰到再补充~

相关内容

热门资讯

喜欢穿一身黑的男生性格(喜欢穿... 今天百科达人给各位分享喜欢穿一身黑的男生性格的知识,其中也会对喜欢穿一身黑衣服的男人人好相处吗进行解...
发春是什么意思(思春和发春是什... 本篇文章极速百科给大家谈谈发春是什么意思,以及思春和发春是什么意思对应的知识点,希望对各位有所帮助,...
网络用语zl是什么意思(zl是... 今天给各位分享网络用语zl是什么意思的知识,其中也会对zl是啥意思是什么网络用语进行解释,如果能碰巧...
为什么酷狗音乐自己唱的歌不能下... 本篇文章极速百科小编给大家谈谈为什么酷狗音乐自己唱的歌不能下载到本地?,以及为什么酷狗下载的歌曲不是...
华为下载未安装的文件去哪找(华... 今天百科达人给各位分享华为下载未安装的文件去哪找的知识,其中也会对华为下载未安装的文件去哪找到进行解...
家里可以做假山养金鱼吗(假山能... 今天百科达人给各位分享家里可以做假山养金鱼吗的知识,其中也会对假山能放鱼缸里吗进行解释,如果能碰巧解...
四分五裂是什么生肖什么动物(四... 本篇文章极速百科小编给大家谈谈四分五裂是什么生肖什么动物,以及四分五裂打一生肖是什么对应的知识点,希...
怎么往应用助手里添加应用(应用... 今天百科达人给各位分享怎么往应用助手里添加应用的知识,其中也会对应用助手怎么添加微信进行解释,如果能...
美团联名卡审核成功待激活(美团... 今天百科达人给各位分享美团联名卡审核成功待激活的知识,其中也会对美团联名卡审核未通过进行解释,如果能...
一帆风顺二龙腾飞三阳开泰祝福语... 本篇文章极速百科给大家谈谈一帆风顺二龙腾飞三阳开泰祝福语,以及一帆风顺二龙腾飞三阳开泰祝福语结婚对应...