Js对数组去重，并将去重后的数据写入列表中

最新推荐文章于 2023-01-17 09:36:39 发布

fusheng-fate

最新推荐文章于 2023-01-17 09:36:39 发布

阅读量446

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/lgb1997/article/details/103766818

版权

笔记专栏收录该内容

37 篇文章 0 订阅

订阅专栏

一：使用for循环嵌套+splice方法实现

参数	描述
index	必须，添加或删除元素的索引位置，使用负数从数组结尾处规定位置
howmany	必须，删除元素的数量，如果设置为零，则不会删除元素
item1,item2…	可选，向数组中添加的元素

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>数组去重</title>
</head>
<body>
    <ul id='ul1'>  
    </ul>  
    <button id="btn1">按钮</button>
    <script>
        var arry=[1,3,6,3,3,6,5,2,3,1,4,4];
        for(var i=0;i<arry.length-1;i++){
            for(var j=i+1;j<arry.length;j++){
                if(arry[i]==arry[j]){
                    arry.splice(j,1);
                    j--;
                }
            }  
        }
        var ul1=document.getElementById("ul1");
        var btn1=document.getElementById("btn1");
        btn1.onclick = function(){
            for(var i=0;i<arry.length;i++){
                var li1 = document.createElement('li');
                li1.innerHTML=arry[i];
                ul1.appendChild(li1);
            }
        }
</script>
</body>
</html>

二：使用Array.sort()排序后去重

<body>
    <script type="text/javascript">
     var arry=[1,3,6,3,3,6,5,2,3,1,4,4]; 
     var arry1=[arry[0]];
        window.οnlοad=function(){
           arry.sort(function(a,b){
                return a-b;
            });
            for (var i=1;i<arry.length;i++) {
                if(arry[i] !== arry[i-1]){
                    arry1.push(arry[i]);
                }
             }
             for(var i=0;i<arry1.length;i++){
                 console.log(arry1[i]);
             }
        }
    </script>
</body>

三：增强for循环+includes实现

<body>
    <script type="text/javascript">
        var arry=[1,3,6,3,3,6,5,2,3,1,4,4]; 
        var arry1=[];
           window.οnlοad=function(){
               for (var item of arry) {
                  if(!arry1.includes(item)){
                      arry1.push(item);
                  }
                }
                for(var i=0;i<arry1.length;i++){
                    console.log(arry1[i]);
                }
           }
       </script>
</body>

四：利用Set集合的唯一性

<body>
    <script type="text/javascript">
        var arry=[1,3,6,3,3,6,5,2,3,1,4,4]; 
        var set =new Set(arry);
        var arry1=Array.from(set);
        for(var i=0;i<arry1.length;i++){
            console.log(arry1[i]);
        }
       </script>
</body>

五：利用对象属性的唯一性来去重

<script>
        var arry=[1,3,6,3,3,6,5,2,3,1,4,4]; 
        var arry1=[];
        var obj={};
        for(var item of arry){
            if(!obj[item]){
                arry1.push(item);
                obj[item]=1;
            }
        }
        for(var i of arry1){
            console.log(i);
        }  
    </script>

fusheng-fate

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Js对数组去重，并将去重后的数据写入列表中

一：使用for循环嵌套+splice方法实现参数描述index必须，添加或删除元素的索引位置，使用负数从数组结尾处规定位置howmany必须，删除元素的数量，如果设置为零，则不会删除元素item1,item2…可选，向数组中添加的元素<!DOCTYPE html><html lang="en"><head> ...
复制链接

扫一扫