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]