js數組去重

在工作上,對json數據處理時,例如遇到對某些產品的尺碼進行排序,不同的產品都有相同的尺碼那是正常不過的事情,如果我們要把這些轉成表格的形式來展現,那么這些尺碼就不要不能重復才行.在這里呢,我就寫幾個數組去重的方法,給大家參考參考:

方法一:對數組進行先排序，排完序之后在讓元素與前一個元素做對比，相同的就去掉

說明:該方法用到的是sort()方法和slice(),下面我直接貼代碼上來,里面有注釋說明,相信大家肯定是看得懂的

var arr = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'j', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'j'];
//對數組先進行排序
arr.sort();
            for(var i = 0; i < arr.length; i++) {
                //用當前的元素與他的前一個元素進行對比
                if(arr[i] == arr[i - 1]) {
                    //如果相同的話,就刪除掉第i個元素
                    arr.splice(i, 1);
                }
            }
            console.log(arr);

方法二:遍歷數組，定義一個新數組，利用indexOf判斷是否存在於新數組中，不存在則push到新數組，最后返回新數組

var arr = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'j', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'j'];
function delArr(array){
                var newArr=[];//新建一個新數組
                //遍歷參數數組array
                for(var i=0;i<array.length;i++){
                    //判斷新數組是否有這個元素值，沒有的話，就把arr[i]給push到新數組newArr中
                    if(newArr.indexOf(array[i])===-1){
                        newArr.push(arr[i]);
                    }
                }
                return newArr;
            }
            console.log(delArr(arr));

方法三:利用對象鍵值對法：新建一js對象以及新數組，遍歷傳入數組時，判斷值是否為js對象的鍵，不是的話給對象新增該鍵並放入新數組。

注意點： 判斷是否為js對象鍵時，會自動對傳入的鍵執行“toString()”，不同的鍵可能會被誤認為一樣；例如： a[1]、a["1"] 。解決上述問題還是得調用“indexOf”。

var arr = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'j', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'j'];
function delArr2(array){
                var json={},newArr=[],val,type;
                for(var i=0;i<array.length;i++){
                    val=array[i];
                    //判斷val是什么數據類型
                    type=typeof val;
                    console.log("判斷類型"+[type]);
                    //判斷值是否為js對象的鍵，不是的話給對象新增該鍵並放入新數組
                    if(!json[val]){
                        json[val]=[type];
                        newArr.push(val);
                    }
                    else if(json[val].indexOf(type)<0){
                        json[val].push(type);
                        newArr.push(val);
                    }
                }
                return newArr;
            }
            console.log(delArr2(arr));

方法四:es6中set()方法:set的值是具有唯一性的

 var arr=[1,2,3,4,5,3,2,1,4]
var newArr=[...new Set(arr)]  // [1, 2, 3, 4, 5]