JS数组去重的几种方法

一、双层for循环

取出一个元素，将其与其后所有元素比较，若在其后发现相等元素，则将后者删掉

function uniq(arr) {
    for (let i = 0; i < arr.length; i++) {
        for (let j = i + 1; j < arr.length; j++) {
            if (arr[i] === arr[j]) {
                arr.splice(j, 1);
                j--;
            }
        }
    }
    return arr;
}

// 由于 NaN === NaN 等于 false，所以重复的 NaN 并没有被去掉

二、根据元素位置判断是否重复

function uniq(arr) {
    let res = [];
    for (let i = 0; i < arr.length; i++) {
        if (arr.indexOf(arr[i]) === i) {
            res.push(arr[i]);
        }
    }
    return res;
}
// 因为indexOf在查找NaN时值为-1（采用全等于===比较），所以所有的NaN都会被过滤

三、查找元素是否存在型

function uniq(arr) {
    let res = [];
    for (let i = 0; i < arr.length; i++) {
        if (!res.includes(arr[i])) {
            res.push(arr[i]);
        }
    }
    return res;
}

// includes对于NaN同样有效，所以可以去重NaN

四、采用特定数据结构去重

function uniq(arr) {
    return [...new Set(arr)];
}

// es6新增的数据集合结构，可以保证元素的唯一性。可以对NaN去重。在项目中我也经常使用这个方法