>웹 프론트엔드 >프런트엔드 Q&A >JavaScript 배열 중복 제거 내장 방법

JavaScript 배열 중복 제거 내장 방법

PHPz
PHPz원래의
2023-05-09 22:02:07653검색

JavaScript 프로그래밍에서 배열 중복 제거는 매우 일반적인 요구 사항입니다. 일반적으로 우리는 이 작업을 수행하기 위해 일부 알고리즘이나 방법을 사용합니다. 하지만 JavaScript에는 우리가 사용할 수 있는 배열 중복 제거 방법도 내장되어 있으며 사용하기가 매우 편리합니다. 이 기사에서는 JavaScript 배열 중복 제거 기본 제공 방법을 소개하고 구체적인 사용법을 보여줍니다.

JavaScript 배열 중복 제거에는 Set, indexOf 및 include라는 세 가지 내장 메서드가 있습니다.

1. 집합 방법
집합은 ES6의 새로운 데이터 구조로, 집합의 요소가 반복되지 않도록 모든 유형의 고유한 값을 저장할 수 있습니다. Set의 특성을 이용하면 어레이의 중복을 쉽게 제거할 수 있습니다.

Set 메서드를 사용하여 중복 항목을 제거하는 구체적인 단계는 다음과 같습니다.

  1. 빈 Set 개체를 정의합니다.
  2. 배열을 탐색하고 배열 요소를 Set 개체의 값으로 저장합니다. 배열로.
  3. 샘플 코드는 다음과 같습니다.

const arr = [1, 2, 3, 3, 4, 4, 5];

const newArr = Array.from(new Set(arr));

console.log (newArr) ; // [1, 2, 3, 4, 5]

위 코드에서는 Array.from 메서드를 사용하여 Set 개체를 배열로 변환합니다. 실행 결과는 배열 arr의 중복 요소가 제거되었음을 보여줍니다.

2. IndexOf 메소드

indexOf 메소드는 배열에 지정된 요소의 위치를 ​​쿼리할 수 있습니다. 존재하지 않는 경우 -1을 반환합니다. 이 방법을 사용하면 배열을 순회할 때 요소가 존재하는지 여부를 확인할 수 있어 중복 제거 목적을 달성할 수 있습니다.


indexOf 메서드를 사용하여 중복 항목을 제거하는 구체적인 단계는 다음과 같습니다.

빈 배열을 정의합니다.
  1. 원래 배열 arr을 탐색합니다. 새 배열 newArr에 현재 요소가 없으면 현재 요소를 추가합니다. newArr로.
  2. 샘플 코드는 다음과 같습니다.

const arr = [1, 2, 3, 3, 4, 4, 5];

const newArr = [];

for (let i = 0; i < arr .length; i++) {
if (newArr.indexOf(arr[i]) === -1) {

newArr.push(arr[i]);

}

}

console.log(newArr); 5]

위 코드에서 중복 제거의 목적은 해당 요소가 새 배열에 존재하는지 확인하여 달성됩니다. 실행 결과는 Set 메서드의 결과와 동일합니다.

3. 포함 방법

포함 방법은 ES7의 새로운 방법으로 배열에 지정된 요소가 포함되어 있는지 확인하는 데 사용됩니다. 중복 제거 작업의 경우 배열을 순회할 때 새 배열에 현재 요소가 포함되어 있는지 확인하여 중복 요소를 제거할 수 있습니다.


include 메서드를 사용하여 중복 항목을 제거하는 구체적인 단계는 다음과 같습니다.

빈 배열을 정의합니다.
  1. 원래 배열 arr을 탐색합니다. 새 배열 newArr에 현재 요소가 포함되어 있지 않으면 현재 요소를 새로운 도착.
  2. 샘플 코드는 다음과 같습니다.

const arr = [1, 2, 3, 3, 4, 4, 5];

const newArr = [];

for (let i = 0; i < arr .length; i++) {
if (!newArr.includes(arr[i])) {

newArr.push(arr[i]);

}

}

console.log(newArr) // [1, 2, 3, 4, 5]

및 indexOf 메소드에 비해, include 메소드는 중복 제거 작업을 보다 간결하게 구현할 수 있습니다. 실행 결과는 처음 두 가지 방법의 결과와 동일합니다.

요약하자면, JavaScript 배열 중복 제거에 일반적으로 사용되는 세 가지 내장 방법이 있습니다: Set, indexOf 및 include. 이 세 가지 방법을 사용할 때는 구체적인 상황에 따라 선택해야 합니다. ES6 이상의 JavaScript를 사용하는 경우 Set 메서드를 사용하는 것이 좋습니다. 이전 버전의 JavaScript와의 호환성이 필요한 경우 indexOf 또는 include 메소드를 사용할 수 있습니다. 어떤 방법을 사용하든 어레이 중복 제거를 우아하게 구현할 수 있습니다.

위 내용은 JavaScript 배열 중복 제거 내장 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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