>  기사  >  웹 프론트엔드  >  프런트 엔드 HTML 배열에서 중복을 제거하는 방법

프런트 엔드 HTML 배열에서 중복을 제거하는 방법

不言
不言원래의
2018-07-09 17:36:193398검색

이 글은 주로 프런트엔드 HTML 배열 중복 제거 방법을 소개합니다. 이제는 모든 사람과 공유합니다. 필요한 친구들은 배열 중복 제거에 사용되는 지식을 참고할 수 있습니다.

1:indexOf()

이 메소드는 배열에서

요소가 처음으로 나타나는 인덱스 값을 반환합니다.

있는 경우 반환합니다. 일반적으로 인덱스 값 검색된 콘텐츠가 배열에 없으면 -1

2를 반환합니다. for loop

연습: 배열 중복제거

//첫 번째 방법

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)
           }
       }

위 내용은 모두의 학습에 도움이 되기를 바랍니다.

관련 추천: html 제작 로그인 양식

html 양식의 기본 요소

위 내용은 프런트 엔드 HTML 배열에서 중복을 제거하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.