首页  >  文章  >  web前端  >  前端html数组去重的方法

前端html数组去重的方法

不言
不言原创
2018-07-09 17:36:193409浏览

这篇文章主要介绍了关于前端html数组去重的方法,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下

数组去重

用到的知识点:

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(&#39;重复了&#39;,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(&#39;重复了&#39;,item)
           }
       }

 以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!

相关推荐:

html制作登录表单

 html表单的基本元素

以上是前端html数组去重的方法的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn