フロントエンドHTML配列から重複を削除する方法

この記事では、主にフロントエンドの HTML 配列の重複排除の方法を紹介します。これは、配列の重複排除に使用される知識を皆さんと共有します。

1:indexOf()

このメソッドは、配列内の要素

の最初の出現のインデックス値を返します。

がある場合はReturnします。通常はインデックス値 取得した内容が配列に存在しない場合は、-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 中国語 Web サイトをご覧ください。

関連する推奨事項: html本番ログインフォーム

HTMLフォームの基本要素

以上がフロントエンドHTML配列から重複を削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。