最全的数组去重方法-13种

js,ES6数组去重方法之

(1)for嵌套借助了第三者

    var arr = [1, 1, 'true', 'true', true, true, 15,false, 15, false, false, undefined,2, undefined, null,3,2, null, NaN, NaN,
        'NaN','NaN', 0, 0, 'a', 'a', {name:2}, {name:2},[2],[2]];
    var Jiuarr = []
    var flag = true;
    for (var i = 0; i < arr.length; i++) {
        flag = true
        for (var j = 0; j < Jiuarr.length; j++) {
            if (Jiuarr[j] == arr[i]) {
                flag = false;
            }
        }
        if (flag) {
            Jiuarr.push(arr[i])
        }
    }
    console.log(Jiuarr);

(2)数组的splice()方法

splice(start, length): start是索引，length是个数，从start开始截取length个元素，包含start 返回一个新数组，会改变原来数组大小如果只有start,从start开始截取到结束

    function arrs(arr) {
        for (var i = 0; i < arr.length; i++) {
            for (var j = i + 1; j < arr.length; j++) {
                if (arr[i] == arr[j]) { 
                    arr.splice(j, 1);
                    j--;
                }
            }
        }
        return arr;
    }
    var arr = [1, 1, 'true', 'true', true, true, 15,false, 15, false, false, undefined,2, undefined, null,3,2, null, NaN, NaN,
        'NaN','NaN', 0, 0, 'a', 'a', {name:2}, {name:2},[2],[2]];
    console.log(arrs(arr))
    
    // 13 个数组元素  对象不等于对象  NaN 本就不相等

(3)数组的indexOf()方法

indexOf() 返回指定内容在原字符串中的位置，如果没有，返回-1（从前往后，检索到第一个就结束）

    function arrs(arr) {
        // 判断是否是数组
        if (!Array.isArray(arr)) {
            console.log('type error!')
            return
        }
        var array = [];//新建空数组，for循环原数组，判断数组是否存在当前元素，如果相同的值跳过，不同push进数组
        for (var i = 0; i < arr.length; i++) {
            if (array.indexOf(arr[i]) === -1) {
                array.push(arr[i])
            }
        }
        return array;
    }
    var arr = [1, 1, 'true', 'true', true, true, 15,false, 15, false, false, undefined,2, undefined, null,3,2, null, NaN, NaN,
        'NaN','NaN', 0, 0, 'a', 'a', {name:2}, {name:2},[2],[2]];
    console.log(arrs(arr))

(4)ES6中Set方法

Set结构的成员不能重复

    function arrs(arr) {
        return Array.from(new Set(arr))
    }

    var arr = [1, 1, 'true', 'true', true, true, 15,false, 15, false, false, undefined,2, undefined, null,3,2, null, NaN, NaN,
        'NaN','NaN', 0, 0, 'a', 'a', {name:2}, {name:2},[2],[2]];
    console.log(arrs(arr));

(5)ES6中includes方法

includes(参数)包含连续的字符串 参数为指定的字符，返回布尔类型/blooner
任何一个字符串都包含空字符串，参数不写

    function arrs(arr) {
        if (!Array.isArray(arr)) {
            console.log('type error!')
            return
        }
        var array = [];
        for (var i = 0; i < arr.length; i++) {
            if (!array.includes(arr[i])) {
                array.push(arr[i]);
            }
        }
        return array
    }

    var arr = [1, 1, 'true', 'true', true, true, 15,false, 15, false, false, undefined,2, undefined, null,3,2, null, NaN, NaN,
        'NaN','NaN', 0, 0, 'a', 'a', {name:2}, {name:2},[2],[2]];
    console.log(arrs(arr));

(6)数组的filter()方法

filter():过滤数组中的元素，返回数组

    function arrs(arr) {
        return arr.filter(function (item, index, arr) {
            //当前元素，在原始数组中的第一个索引==当前索引值，否则返回当前元素
            return arr.indexOf(item, 0) === index;
        });
    }
    var arr = [1, 1, 'true', 'true', true, true, 15,false, 15, false, false, undefined,2, undefined, null,3,2, null, NaN, NaN,
        'NaN','NaN', 0, 0, 'a', 'a', {name:2}, {name:2},[2],[2]];
    console.log(arrs(arr))

(7)数组的Map()方法

Map 的方法：set()设置、get()获取、has()判断是否存在、delete()删除指定、clear()删除所有、size长度

    function arrs(arr) {
        // let 跟 var 区别1.一个只能生命一次2.{}为作用域
        let map = new Map();
        let array = new Array(); // 数组用于返回结果
        for (let i = 0; i < arr.length; i++) {
            if (map.has(arr[i])) { // 如果有该key值
                map.set(arr[i], true);
            } else {
                map.set(arr[i], false); // 如果没有该key值
                array.push(arr[i]);
            }
        }
        return array;
    }
    var arr = [1, 1, 'true', 'true', true, true, 15,false, 15, false, false, undefined,2, undefined, null,3,2, null, NaN, NaN,
        'NaN','NaN', 0, 0, 'a', 'a', {name:2}, {name:2},[2],[2]];
    console.log(arrs(arr))

(8)ES6中扩展运算符 …

Es6扩展运算符可以遍历:数组名，对象名 形参 结构 转换成真正数组
可私信发给你

    var arr = [1, 1, 'true', 'true', true, true, 15,false, 15, false, false, undefined,2, undefined, null,3,2, null, NaN, NaN,
        'NaN','NaN', 0, 0, 'a', 'a', {name:2}, {name:2},[2],[2]];
    var arrs = [...new Set(arr)]
    console.log(arrs);

(9)数组转对象

Set结构的成员不能重复

   var arr = [1, 1, 'true', 'true', true, true, 15,false, 15, false, false, undefined,2, undefined, null,3,2, null, NaN, NaN,
        'NaN','NaN', 0, 0, 'a', 'a', {name:2}, {name:2},[2],[2]];
    // var arr = [2, 3, 5, 4, 3, 2, 6, 8, 5, 4, 6, 2];
    var arrNew = [];
    var obj = {};   
    for (var i = 0; i < arr.length; i++) {
        obj[arr[i]] = 1;
    }
    // 在数组转对象的时候是把数组中的元素当作，对象的属性
    // 属性转成字符串类型 
    // 建议不要用对象去重，有问题
    for (x in obj) {
        arrNew.push(x);
    }
    console.log(arrNew);

下面就只提供思路，去重有很多方法（只有你想不到，。。。）

（10）hasOwnProperty思路

（11）利用递归思路去重

（12）reduce+includes 思路

（13）sort()排序

数组去重间的区别

以上都是 相同 的数组输出不一样的结果