JavaScript 배열에서 중복 요소를 제거하는 방법은 무엇입니까?-JS 튜토리얼-php.cn

JavaScript 배열에서 중복 요소를 제거하는 방법은 무엇입니까?

WBOY

풀어 주다： 2023-08-24 12:05:08

앞으로

1359명이 탐색했습니다.

如何从 JavaScript 数组中删除重复元素？

JavaScript에는 배열에서 중복 요소를 제거하는 여러 가지 방법이 있습니다. 이 기사에서는 중복 요소를 제거하는 몇 가지 주요 방법을 살펴보겠습니다.

filter() 메소드 사용

filter() 메소드는 전달된 조건을 사용하여 새로운 요소 배열을 생성합니다. 여기에는 이 필터 메서드의 일부로 true를 반환하는 요소만 포함됩니다. 따라서 중복된 요소를 제거하려면 filter() 메서드에 조건을 추가하기만 하면 나머지는 자동으로 처리됩니다.

#filter.js

<script>
   var arr = ["steve", "mark", "mark","bill", "steve", "
   function removeDuplicates(arr) {
      return arr.filter((item,index) => arr.indexOf(item) === index);
   console.log(removeDuplicates(arrr));
</script>

로그인 후 복사

출력

"steve", "mark", "bill"

로그인 후 복사

Set() 메서드 사용

Set은 고유한 값의 모음입니다. 배열에서 요소를 제거하려면 먼저 중복 배열을 Set으로 변환해야 합니다.

이 새로운 세트는 중복된 요소를 암시적으로 제거한 다음 이를 다시 세트의 배열로 변환합니다.

#filter.js

<script>
   var arr = ["steve", "mark", "mark","bill", "steve", "bill"];

   function removeDuplicates(arr) {
      let uniqueArr = [...new Set(arr)];
      return uniqueArr;
   }
   console.log(removeDuplicates(arr));
</script>

로그인 후 복사

출력

"steve", "mark", "bill"

로그인 후 복사

reduce() 메서드 사용

reduce() 이 메서드는 배열의 요소를 줄이고 일부를 기반으로 하나로 결합하는 데 사용됩니다. 사용자가 전달한 감소 함수의 최종 배열입니다. 다음 예에서는 reduce() 메서드를 사용하여 배열에서 중복 요소를 삭제하거나 제거합니다.

# filter.js

<script>
   var arr = ["steve", "mark", "mark","bill", "steve", "bill"];

   function removeDuplicates(arr) {
      var unique = arr.reduce(function (acc, curr) {
         if (!acc.includes(curr))
            acc.push(curr);
         return acc;
      }, []);
      return unique;
   }
   console.log(removeDuplicates(arr));
</script>

로그인 후 복사

출력

"steve", "mark", "bill"

로그인 후 복사

forEach() 및 include() 사용

배열에 요소가 있으면 include() 메서드는 true를 반환하고 그렇지 않으면 false를 반환합니다. 아래 예에서는 forEach()를 사용하여 배열 요소를 반복하고 동일한 요소가 존재하지 않는 경우에만 새 배열에 추가합니다.

#filter.js

<script>
   var arr = ["steve", "mark", "mark","bill", "steve", "bill"];

   function removeDuplicates(arr) {
      let uniqueArr = [];
      chars.forEach((c) => {
         if (!uniqueChars.includes(c)) {
            uniqueChars.push(c);
         }
      });
       return uniqueArr;
   }
   console.log(removeDuplicates(arr));
</script>

로그인 후 복사