数组去重

目录

01.ES6的Set结构  new Set()

02.filter()去重

03.利用for循环搭配indexOf去重

05.借助新数组

 04. 双for循环

06.利用双重for循环

07. 利用includes实现数组去重

---

（前三****）必会 

01.ES6的Set结构  new Set()

利用es6的扩展运算符

 var arr = [1, 3, 4, 2, 1, 3, 4, 44, 2, 4, , 8]; //多，会出现undefined
        function noRepeat1(arr) {
            var newarr = [...new Set(arr)]; //set 不能接收重复数据   ...把数组展示出来
            return newarr
        }
        var arr2 = noRepeat1(arr)
        console.log("1", arr2);


        var a=[1,2,3,3,2,1]
        function noRepeat1(arr){
            return [...new Set(arr)]
        }
        console.log(noRepeat1(a));

02.filter()去重

 filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。item是当前元素的值，index是当前元素的索引值。indexOf()方法可返回某个指定的字符串值在字符串中首次出现的位置。利用indexOf() 查询到数组的下标，看是否等于当前的下标，相等的话就返回，否则不返回值。

 var arr = [1, 3, 4, 2, 1, 3, 4, 44, 2, 4, , 8]; //多，不影响
        var newArr = arr.filter(function (item, index) {
            return arr.indexOf(item) === index; //indexOf 只能找到第一个
        })
        console.log("2",newArr);

03.利用for循环搭配indexOf去重

 var arr = [1, 3, 4, 2, 1, 3, 4, 44, 2, 4,, 8, ]; //多,undefined
        function noRepeat2(arr) {
            // 需定义一个新临时数组
            var newArr = [];
            // 遍历数组
            for (let i = 0; i < arr.length; i++) {
                if (newArr.indexOf(arr[i]) === -1) { //indexOf 判断数组中有无字符串
                    newArr.push(arr[i])
                }
            }
            return newArr
        }
        var arr2 = noRepeat2(arr)
        console.log("3",arr2);

05.借助新数组

与03比较记

通过 indexOf 方法判断当前元素在数组中的索引，如果与循环的下标相等则添加到新数组中

 var arr = [1, 3, 4, 2, 1, 3, 4, 44, 2, 4, , 8, ]; //多，不影响
        function noRepeat3(arr) {
            var newArr = [];
            for (var i = 0; i < arr.length; i++) {
                if (arr.indexOf(arr[i]) == i) {
                    newArr.push(arr[i]);
                }
            }
            return newArr;
        }
        var arr2 = noRepeat3(arr);
        console.log("5",arr2);

 04. 双for循环

将数组的每一个元素依次与其他元素做比较，发现重复元素删除

 var arr = [1, 3, 4, 2, 1, 3, 4, 44, 2, 4, , 8]; //多，出现空白
        function noRepeat4(arr) {
            for (let i = 0; i < arr.length; i++) {
                for (let j = i + 1; j < arr.length; j++) {
                    if (arr[i] === arr[j]) {
                        arr.splice(j, 1);
                        // j--;
                    }
                }
            }
            return arr;
        }
        var arr2 = noRepeat4(arr);
        console.log("4", arr2);

06.利用双重for循环

 var arr = [1, 3, 4, 2, 1, 3, 4, 44, 2, 4, ,8,];//多，出现空白
        function noRepeat5(arr) {
            for (var i = 0; i < arr.length; i++) {
                for (var j = 0; j < arr.length; j++) {
                    if (arr[i] === arr[j] & i!=j ) { //将后面重复的数删掉 
                        arr.splice(j, 1);
                    }
                }
            }
            return arr;
        }
        var arr2 = noRepeat5(arr);
        console.log("6",arr2);

07. 利用includes实现数组去重

 var arr =[1, 3, 4, 2, 1, 3, 4, 44, 2, 4, , 8];//多，会出现undefined
        function noRepeat6(arr) {
            let newArr = [];
            for (i = 0; i < arr.length; i++) {
                if (!newArr.includes(arr[i])) {
                    newArr.push(arr[i])
                }
            }
            return newArr
        }
        console.log("7",noRepeat6(arr));