数组去重

目录

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));

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

zxf318

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值