JS数组去重总结

发布时间:2019-08-09 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了JS数组去重总结脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

数组去重的方法:

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

图片描述

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

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

图片描述
​​

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

三、利用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数组去重总结

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

脚本宝典总结

以上是脚本宝典为你收集整理的JS数组去重总结全部内容,希望文章能够帮你解决JS数组去重总结所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。