欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

前端html数组去重的方法

程序员文章站 2022-03-20 22:38:05
...
这篇文章主要介绍了关于前端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('重复了',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)
           }
       }

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

相关推荐:

html制作登录表单

html表单的基本元素

以上就是前端html数组去重的方法的详细内容,更多请关注其它相关文章!

相关标签: html数组