js数组去重

数组去重是一个比较古老的话题,当然也是很经典的一个js不朽话题,今天项目又用到了数组去重,我们就老生常谈一下此话题;

方法1: 利用indexof判断新数组中是否包含老数组中的元素,没有就push

var arr=[1,2,33,1,2,333,'苹果','香蕉','苹果',22];
        //利用indexOf
        function unique(arr){
            var newArr=[];
            for(var i=0;l=arr.length,i<l;i++){
                if(newArr.indexOf(arr[i])==-1){
                    newArr.push(arr[i]);
                }
            }
            return newArr;
        }
        console.log(unique(arr));
        //[1, 2, 22, 33, 333, "苹果", "香蕉"]

方法2:利用下标,通过indexof判断,如果第i项第一次出现的索引是i,那么就添加到新数组,否则就在新数组中存在,不添加

var arr=[1,2,33,1,2,333,'苹果','香蕉','苹果',22];
        //利用下标加indexOf
        function unique1(arr){
            var newArr=[arr[0]];
            for(var i=1;l=arr.length,i<l;i++){
                if(arr.indexOf(arr[i])==i){
                    newArr.push(arr[i])
                }
            }
            return newArr;
        }
        console.log(unique1(arr));
        //[1, 2, 22, 33, 333, "苹果", "香蕉"]

 方法3：据说是最快去重方法，构建一个对象，利用key value来去重

var arr=[1,2,33,1,2,333,'苹果','香蕉','苹果',22];
        //对象键值去重
        function unique2(arr){
            var newObj={},newArr=[],type,val;
            for(var i=0;l=arr.length,i<l;i++){
                val=arr[i];
                type=typeof val;
                console.log(type);
                if(!newObj[val]){
                    newObj[val]=[type];
                    newArr.push(val);
                }else if(newObj[val].indexOf(type)<0){
                    newObj[val].push(type);
                    newArr.push(val);
                }
            }
            return newArr;
        }
        console.log(unique2(arr));
       //[1, 2, 22, 33, 333, "苹果", "香蕉"]

方法4：双重遍历去重

//双重遍历去重
        var arr=[1,2,33,1,2,333,'苹果','香蕉','苹果',22];
        function unique3(arr){
            var newArr=[];
            for(var i=0;l=arr.length,i<l;i++){
                for(var j=i+1;j<l;j++){
                    if(arr[i]===arr[j]){
                        j= ++i;        
                    }
                }
                newArr.push(arr[i]);
            }
            return newArr;
        }
        console.log(unique3(arr));
        //[1, 2, 22, 33, 333, "苹果", "香蕉"]

方法5：如果你使用了jQuery那么恭喜你 ，去重很简单，因为jQuery有为此准备api，但是切记先把jQuery引入

var arr=[1,2,33,1,2,333,'苹果','香蕉','苹果',22];
        //jquery unique方法
        console.log($.unique(arr));
      //[1, 2, 22, 33, 333, "苹果", "香蕉"]

好了，目前就这些，有其他好的办法大家也可以评论告诉我下,等有了新方法在给大家更。。。

 //[1, 2, 22, 33, 333, "苹果", "香蕉"]