JS数组去重总结

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

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

数组去重的方法:

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

《JS数组去重总结》

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

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

《JS数组去重总结》
​​

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

三、利用indexOf去重
《JS数组去重总结》

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

四、利用sort()
《JS数组去重总结》

​​

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

五、利用对象的属性不能相同的特点进行去重
《JS数组去重总结》

​​

六、利用includes
《JS数组去重总结》

​​

七、利用hasOwnProperty
《JS数组去重总结》

​​

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

八、利用filter
《JS数组去重总结》

​​

九、利用递归去重
《JS数组去重总结》

十、利用Map数据结构去重
《JS数组去重总结》

​​

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

十一、利用reduce+includes
《JS数组去重总结》

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

    原文作者:coding小姐姐
    原文地址: https://segmentfault.com/a/1190000018705199
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞