首頁 > web前端 > html教學 > 前端html數組去重的方法

前端html數組去重的方法

不言
發布: 2018-07-09 17:36:19
原創
3437 人瀏覽過

這篇文章主要介紹了關於前端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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板