64

数组去重,一般会在面试的时候才会碰到,要求手写数组去重方法的代码。如果是被提问到,数组去重的方法有哪些?你能答出其中的10种,面试官很有可能对你刮目相看。

在实际项目中碰到的数组去重,一般都是后台去处理,很少让前端处理数组去重。虽然运用到的概率较低,但还是需要了解一下,以防面试的时候被问到。

数组去重的方法:

一、利用ES6 Set去重(ES6中最常用)

图片描述

如果不考虑兼容性,这种去重的方法代码最少。这种方法还无法去掉“{}”空对象,后面的高阶方法会添加去掉重复“{}”的方法。

二、利用for嵌套for,然后splice去重(ES5中最常用)

图片描述
​​

双层循环,外层循环元素,内层循环时比较值。值相同时,则删去这个值。

三、利用indexOf去重
图片描述

新建一个空的结果数组,for 循环原数组,判断结果数组是否存在当前元素,如果有相同的值则跳过,不相同则push进数组。

四、利用sort()
图片描述

​​

利用sort()排序方法,然后根据排序后的结果进行遍历及相邻元素比对。

五、利用对象的属性不能相同的特点进行去重
图片描述

​​

六、利用includes
图片描述

​​

七、利用hasOwnProperty
图片描述

​​

利用hasOwnProperty 判断是否存在对象属性

八、利用filter
图片描述

​​

九、利用递归去重
图片描述

十、利用Map数据结构去重
图片描述

​​

创建一个空Map数据结构,遍历需要去重的数组,把数组的每一个元素作为key存到Map中。由于Map中不会出现相同的key值,所以最终得到的就是去重后的结果。

十一、利用reduce+includes
图片描述

喜欢的可以点击关注小编哦~
每天更新~


已注销
724 声望62 粉丝