原文在这[https://segmentfault.com/a/1190000018705199?utm_source=tag-newest],这个小编已经注销了…

    数组去重,一般会在面试的时候才会碰到,要求手写数组去重方法的代码。如果是被提问到,数组去重的方法有哪些?你能答出其中的10种,面试官很有可能对你刮目相看。
    在实际项目中碰到的数组去重,一般都是后台去处理,很少让前端处理数组去重。虽然运用到的概率较低,但还是需要了解一下,以防面试的时候被问到。
    数组去重的方法:
    一、利用ES6 Set去重(ES6中最常用)
    2.png
    如果不考虑兼容性,这种去重的方法代码最少。这种方法还无法去掉“{}”空对象,后面的高阶方法会添加去掉重复“{}”的方法。
    二、利用for嵌套for,然后splice去重(ES5中最常用)
    2.png
    双层循环,外层循环元素,内层循环时比较值。值相同时,则删去这个值。
    三、利用indexOf去重3.png
    新建一个空的结果数组,for 循环原数组,判断结果数组是否存在当前元素,如果有相同的值则跳过,不相同则push进数组。
    四、利用sort()4.png

    利用sort()排序方法,然后根据排序后的结果进行遍历及相邻元素比对。
    五、利用对象的属性不能相同的特点进行去重5.png

    六、利用includes6.png

    七、利用hasOwnProperty7.png

    利用hasOwnProperty 判断是否存在对象属性
    八、利用filter8.png

    九、利用递归去重9.png
    十、利用Map数据结构去重10.png

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