JavaScript基础第四章（数组去重）

基本类型

方式一：for循环

function noRepeat(arr){
    var newArr = [];
    var arrLength = arr.length;
    for (var i = 0; i < arrLength; i++) {
        // 如果当前数组项在新数组中不存在，插入新数组
        if (newArr.indexOf(arr[i]) === -1) {
            newArr.push(arr[i]);
        }
    }
    return newArr;
}

方式二：使用ES6新特性 Set

let newNameArr = [...new Set(nameArr)]

引用类型（对象）

根据对象的某个属性去重

方式一：使用ES6新特性reduce

reduce() ：接收一个函数（必须）和一个初始值（可选），该函数接收两个参数：

• 第一个参数是上一次reduce处理的结果
• 第二个参数是数组中要处理的下一个元素
• reduce() 会从左到右依次把数组中的元素用reduce处理，并把处理的结果作为下次reduce的第一个参数。如果是第一次，会把前两个元素作为计算参数，或者把用户指定的初始值作为起始参数

/**
 * @params arr 要去重的数组
 * @params pro 数组中对象的某个属性
 * @returns arr 去重后的数组
 */
function noRepeatObj (arr, pro) {
    var hash = {};
    arr = arr.reduce(function (item, next) {
        hash[next[pro]] ? '' : hash[next[pro]] = true && item.push(next);
        return item
    }, []);
    return arr;
}

方式二：嵌套for循环

/**
 * @params arr 要去重的数组
 * @params pro 数组中对象的某个属性
 * @returns res 去重后的数组
 */
function noRepeatObj (arr, pro) {
    var res = []
    for (var i = 0, arrLen = arr.length; i < arrLen; i++) {
        for (var j = 0, resLen = res.length; j < resLen; j++) {
            if (arr[i][pro] === res[j][pro]) {
                break
            }
        }
        if (j === resLen) {
            res.push(arr[i])
        }
    }
    return res
}

根据对象整体去重

/**
 * @desc 去除完全相同的对象
 * @params arr 要去重的数组
 * @returns res 去重后的数组
 */
function noRepeatObj (arr) {
    var newArr = Array.from(
        new Set(
            arr.map( v => JSON.stringify(v) )
        )
    ).map( v=>JSON.parse(v) )
    return newArr
}