前端html数组如何去重

这篇文章给大家分享的是有关前端html数组如何去重的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

专注于为中小企业提供成都网站设计、成都网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业高明免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了1000+企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。

数组去重

用到的知识点:

1:indexOf()

该方法是返回数组中元素第一次出现的索引值;

如果有,则正常返回索引值;

如果检索的内容不存在于数组中,则返回-1

2:for循环

练习:数组去重

//第一种方法

var aList = [1,2,3,4,4,3,2,1,2,3,4,5,6,5,5,3,3,4,2,1];
var aList2 = [];
for (var i = 0 ; i < aList.length ; i ++) {
  var value = aList[i]
  if (aList.indexOf(value) + 1) {
    console.log('重复了',value)
  } else {
    aList2.push(value)
  }        
  }
  console.log(aList2)
// 第二种方法
var aList = [1,2,3,4,4,3,2,1,2,3,4,5,6,5,5,3,3,4,2,1];
for(var i=0;i<aList.length;i++)
{
   if(aList.indexOf(aList[i])==i)
   {
         aList2.push(aList[i]);
   }
}
alert(aList2);
// 第三种方法
var aList = [1,2,3,4,4,3,2,1,2,3,4,5,6,5,5,3,3,4,2,1];
  for (var i = 0; i < aList.length; i++) {
             var item = aList[i]
           if (newArray.indexOf(item) == -1) {
                 newArray.push(item)
           } else {
                 console.log('重复了',item)
           }
       }

感谢各位的阅读!关于“前端html数组如何去重”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

新闻标题:前端html数组如何去重
链接地址:https://www.cdcxhl.com/article24/picece.html

成都网站建设公司_创新互联,为您提供服务器托管品牌网站建设Google用户体验品牌网站设计自适应网站

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都网站建设公司