js的数组去重

在方法一种利用双层循环,在外层循环中找到数组中的一个数作为基数,在内循环里查找剩余的数与其相比较,相同的数利用splice方法去除该相同的数;同样,该方法也不可以去除NaN;

//*****************************方法一
var arr = [1, 1, 2, 2, 3, 3, "ab", "ab", 4, 4, null, null,null,null, 4, 4, undefined, undefined,undefined,NaN, NaN, NaN];
for(var i = arr.length-1;i>=0;i--){
            for(var j=i-1;j>=0;j--){
                if (arr[i]===arr[j]){
                    arr.splice(i,1);//删除重复的数据
                    break;//删除一个重复数据后结束本次循环
                }
            }
            console.log(arr)
        }

在这里插入图片描述
方法二利用对象的属性名不能重复的特点,将数组中的每一项取出来,达到数组去重
的目的,这一方法是可以完全实现想要的效果的方法

 //******************************方法二
    var arr = [1, 1, 2, 2, 3, 3, "ab", "ab", 4, 4, null, null, 4,
     4, undefined, undefined, NaN, NaN];
    var arr2 = [];
    var obj = {};
    // var unique = function(){
    for (var i = 0, len = arr.length; i < len; i++) {
        // console.log(arr[i]);
        if (!obj[arr[i]]) {
            obj[arr[i]] = "abc";
            arr2.push(arr[i]);
            console.log(arr2)
        }
    } 
    ```

在这里插入图片描述
// }
方法三利用数组的indexOf方法来向新数组中添加元素,且判断条件使得添加的元素
内容无法重复,达到去重的目的,但局限是当检测到的内容是NaN时,返回值会是-1
这时候,判断语句就无法实现去重

    //*****************************方法三
    var arr = [1, 1, 2, 2, 3, 3, "ab", "ab", 4, 4, null, null, 4, 4, undefined, undefined, NaN, NaN];
    var arr3 = [];
    for (var i = 0; i < arr.length; i++) {
        if (arr3.indexOf(arr[i]) == -1) {
            arr3.push(arr[i]);
        }
    }

在这里插入图片描述
方法四也是利用一个新数组接收需要去重的数组的内容,如果新数组里没有该值,就将其添加进新数组。同样该方法也不可以去除NaN,因为NaN === NaN返回值是false

 //*****************方法四
   var arr = [1, 1, 2, 2, 3, 3, "ab", "ab", 4, 4, null, null, 4, 4, undefined, undefined, NaN, NaN];
    var arr5 = [];
    for (var i = 0; i < arr.length; i++) {
        var flag = true; //声明flag为true 保证该数组不是重复的数据
        for (var j = 0; j < arr5.length; j++) {
            if (arr[i] === arr5[j]) {
                flag = false;//如果发现重复的,则让flag变为false
                break;
            }
        }
        if (flag == true) {//如果经过for循环的考验 flag仍然为true  则添加元素
            arr5.push(arr[i]);
        }
    }
    // console.log(arr5)


在这里插入图片描述
在上面的四种方式里,只有方式二可以去除NaN;
如果想通过其他方式也去除NaN,建议利用join和split相互转换的方式让数组转换为字符串,这样typeof NaN就可能转为string形式

下面的代码可以用来获取HTML中body和body下的所有不同的标签,因为里面涉及到了去重,所以一起放在这里
<script>
       var map = {};
       function printTree(node){
         console.log(123)
         var temp_tag = node.nodeName.toLowerCase();
         if(map[temp_tag]!=null) map[temp_tag]++;//这两行是用于数组去重;
         else map[temp_tag] = 1;
         if(node.children!=null){
           for(var i = 0;i < node.children.length;i ++){
             printTree(node.children[i])
           }
         }
         else{
           return;
         }
       }
       window.onload = function(){
         printTree(document.body);
         for(o in map){
           console.log(o+':'+map[o])
         }
       }
    </script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值