JavaScript 배열에서 중복 항목을 제거하는 여러 방법 공유

小云云
풀어 주다: 2018-02-08 11:40:59
원래의
1620명이 탐색했습니다.

배열 중복 제거의 일반적인 요구 사항은 배열을 제공하고, 중복 제거 메서드를 호출하고, 값의 복사본을 반환하는 것입니다. 복사본에는 중복된 요소가 없습니다. 일반적으로 === 비교를 통해 true를 반환하는 두 요소는 동일한 요소로 간주되어 중복 제거가 필요합니다. 따라서 1과 "1"은 다른 요소이고, 1과 new Number(1)은 다른 요소입니다. }와 {}는 다른 요소(다른 참조)입니다. (물론, {}와 {}가 동일한 요소로 간주되어야 하는 경우 솔루션은 달라집니다.) 이 문서에서는 주로 JavaScript 배열을 중복 제거하는 여러 가지 방법을 공유합니다.

방법 1

이중 루프를 사용하세요

function unique(arr) {
 var res = [];
 for(var i = 0, len = arr.length;i < len; i++) {
  var item = arr[i];
  for(var j = 0, jLen = res.length; j<jLen; j++) {
   if(item == res[j]) break;
  }
  if(j == jLen) res.push(item);
 }
 return res;
}
로그인 후 복사

방법 2

function unique(arr) {
 var ret = []
 for (var i = 0; i < arr.length; i++) {
 var item = arr[i]
 if (ret.indexOf(item) === -1) {
  ret.push(item)
 }
 }
 return ret
}
로그인 후 복사

간단한 구문을 사용할 수 있습니다

function unique(arr) {
 var res = [];
 for(var i = 0, len = arr.length;i < len; i++) {
  var item = arr[i];
  (res.indexOf(item) === -1) && res.push(item);
 }
 return res;
}
로그인 후 복사

하지만 하위 버전 브라우저에는 indexOf가 없습니다

var indexOf = [].indexOf ?
 function(arr, item) {
  return arr.indexOf(item)
 } :
 function indexOf(arr, item) {
  for (var i = 0; i < arr.length; i++) {
  if (arr[i] === item) {
   return i
  }
  }
  return -1
 }
function unique(arr) {
 var ret = []
 for (var i = 0; i < arr.length; i++) {
 var item = arr[i]
 if (indexOf(ret, item) === -1) {
  ret.push(item)
 }
 }
 return ret
}
로그인 후 복사

method3

이중 루프 A 중 다른 것을 사용하세요 비교 방법은 원본 배열의 요소를 결과 배열과 하나씩 비교하는 것입니다. 다음으로 원본 배열의 반복되는 요소 중 마지막 요소를 배열에 넣을 수 있습니다

function unique(arr) {
 var ret = [];
 var len = arr.length;
 var isRepeat;
 for(var i=0; i<len; i++) {
  isRepeat = false;
  for(var j=i+1; j<len; j++) {
   if(arr[i] === arr[j]){
    isRepeat = true;
    break;
   }
  }
  if(!isRepeat){
   ret.push(arr[i]);
  }
 }
 return ret;
}
로그인 후 복사

최적화된 버전도 있습니다

function unique(a) {
 var res = [];
 for (var i = 0, len = a.length; i < len; i++) {
 for (var j = i + 1; j < len; j++) {
  // 这一步十分巧妙
  // 如果发现相同元素
  // 则 i 自增进入下一个循环比较
  if (a[i] === a[j])
  j = ++i; //j = i = i + 1;
 }
 res.push(a[i]);
 }
 return res;
}
로그인 후 복사

method4

JavaScript의 객체 객체를 해시 테이블로 사용

function dedup(arr) {
 var hashTable = {};
 return arr.filter(function(value,index,arr){
  var key = JSON.stringify(value);
  var match = Boolean(hashTable[key]);
  return (match ? false : hashTable[key] = true);
 });
}
로그인 후 복사

Object의 키 값은 모두 String 유형이므로 1과 "1"을 구분할 수 없으므로 약간의 개선이 가능합니다. 키에 유형 저장

function dedup(arr) {
 var ret = [];
 var hash = {};
 for(var i = 0; i < arr.length; i++) {
  var item = arr[i];
  var key = typeof(item) + item;
  if(hash[key] !== 1) {
   ret.push(item)
   hash[key] = 1;
  }
 }
 return ret;
}
로그인 후 복사

관련 권장 사항:

배열 중복 제거를 구현하는 PHP 메서드 코드

배열 중복 제거를 구현하는 간단한 메서드에 대한 JS 분석

jQuery 배열 중복 제거 및 정렬 작업의 간단한 구현 자세한 설명

위 내용은 JavaScript 배열에서 중복 항목을 제거하는 여러 방법 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!