JavaScript中數組去重彙總

　　1. 簡單的去重方法,利用數組的indexOf下標屬性來查詢

/*
* 新建一新數組，遍歷傳入數組，值不在新數組就push進該新數組中
* IE8如下不支持數組的indexOf方法
* */
function newArr(nArr) {
    var arr = [];
    for(var i = 0; i < nArr.length; i++){
        if(arr.indexOf(nArr[i]) === -1){
            arr.push(nArr[i]);
        }
    }
    return arr;
}

　　2.  利用雙層for循環來判斷

/*
*  定義一個新數組，並存放原數組的第一個元素，
*  而後將原數組和新數組一一對比，若是不一樣則存放新數組中。
* */
function unique(arr) {
    let res = [arr[0]];
    for(let i = 1; i < arr.length; i++){
        let repeat = false;
        for(let j = 0; j < res.length; j++){
            if(arr[i] === res[j]){
                repeat = true;
                break;
            }
        }
        if(!repeat){
            console.log(arr[i]);
            res.push(arr[i]);
        }
    }
    return res;
}

　　3  利用數組原型對象上的includes方法。(ES6新增的)

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

　　備註:  傳統上只有indexOf一個方法，來判斷一個字符串是否包含在另外一個字符串當中，ES６後來新增三個方法：

　　a. includes(string, n) 返回 布爾值，表示是否找到了參數字符串。

　　b. startsWith(string, n) 返回布爾值，表示參數字符串是否在原字符串的頭部

　　c. endsWith(string, n) 返回布爾值，表示參數字符串是否在原字符串的尾部。

　　上面代碼表示，使用第二個參數n時，endsWith的行爲與其餘兩個方法有所不一樣。它針對前n個字符，而其餘兩個方法針對從第n個位置直到字符串結束。

　　4. 利用數組原型對象上的 filter 和 includes方法

function uniques(arr) {
    let res = [];
    res = arr.filter(function (item) {
        return res.includes(item) ? "" : res.push(item);
    });
    return res;
}

　　5. 利用Set數據結構和數組符號"..."來判斷 或者利用 Array.from()來轉換

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

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

　　備註: Array.from()方法就是將一個類數組對象或者可遍歷對象轉換成一個真正的數組。

　　6. 利用對象屬性存在的特性，若是沒有該屬性則存入新數組。

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