js 배열에서 중복을 제거하는 방법은 무엇입니까?

js 배열을 중복 제거하는 방법에는 Set 사용, indexOf 사용, 포함 사용, 필터 사용 및 축소 사용이 포함됩니다. 1. 집합의 요소가 반복되지 않는다는 특징이 있는 Set을 사용합니다. 2. 배열에서 지정된 요소의 첫 번째 인덱스 위치를 반환하려면 indexOf를 사용합니다. 3. 요소가 이미 있는지 확인하려면 포함을 사용합니다. 4. 필터를 사용하여 요소를 필터링합니다. 5. 축소를 사용하여 배열의 요소를 압축합니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, JavaScript ES12 버전, DELL G3 컴퓨터.

JavaScript 프로그래밍에서는 어레이에 대해 중복 제거 작업을 수행해야 하는 상황에 자주 직면합니다. 중복 제거는 배열에서 중복된 요소를 제거하고 그 중 하나만 유지하는 것을 의미합니다. 이 기사에서는 독자가 이를 더 잘 이해하고 적용할 수 있도록 몇 가지 일반적인 JavaScript 배열 중복 제거 방법을 소개합니다.

방법 1: Set 사용

ES6에 도입된 Set 객체는 배열 중복을 빠르게 제거하는 데 도움이 되는 새로운 데이터 구조입니다. Set 개체의 특징은 집합의 요소가 반복되지 않는다는 것입니다. 간단히 배열을 Set 개체로 변환한 다음 Set 개체를 다시 배열로 변환하여 중복 제거 목적을 달성할 수 있습니다.

샘플 코드:

let arr = [1, 2, 2, 3, 3, 4, 5];
let uniqueArr = Array.from(new Set(arr));
console.log(uniqueArr); // [1, 2, 3, 4, 5]

방법 2: indexOf 사용

JavaScript의 배열 개체는 배열에서 지정된 요소의 첫 번째 인덱스 위치를 반환할 수 있는 indexOf 메서드를 제공합니다. 이 방법을 사용하여 새 배열에 요소가 이미 존재하는지 확인하고, 존재하지 않으면 해당 요소를 추가할 수 있습니다.

샘플 코드:

let arr = [1, 2, 2, 3, 3, 4, 5];
let uniqueArr = [];
for (let i = 0; i < arr.length; i++) {
if (uniqueArr.indexOf(arr[i]) === -1) {
uniqueArr.push(arr[i]);
}
}
console.log(uniqueArr); // [1, 2, 3, 4, 5]

방법 3: include 사용

ES7에 도입된 include 메소드는 indexOf 메소드와 유사하며 배열에 요소가 이미 존재하는지 확인하는 데 사용할 수 있습니다. 이 방법을 사용하여 어레이 중복 제거 작업을 수행할 수 있습니다.

샘플 코드:

let arr = [1, 2, 2, 3, 3, 4, 5];
let uniqueArr = [];
for (let i = 0; i < arr.length; i++) {
if (!uniqueArr.includes(arr[i])) {
uniqueArr.push(arr[i]);
}
}
console.log(uniqueArr); // [1, 2, 3, 4, 5]

방법 4: 필터 사용

JavaScript의 배열 개체는 요소를 필터링하는 데 사용할 수 있는 필터 메서드를 제공합니다. 이 방법을 사용하여 배열 중복 제거를 수행하고 해당 요소의 첫 번째 항목만 유지할 수 있습니다.

샘플 코드:

let arr = [1, 2, 2, 3, 3, 4, 5];
let uniqueArr = arr.filter((item, index) => {
return arr.indexOf(item) === index;
});
console.log(uniqueArr); // [1, 2, 3, 4, 5]

방법 5: 축소 사용

JavaScript의 배열 개체는 배열의 요소를 단일 값으로 "압축"할 수 있는 축소 메서드를 제공합니다. 이 방법을 사용하여 어레이 중복 제거 작업을 수행할 수 있습니다.

샘플 코드:

let arr = [1, 2, 2, 3, 3, 4, 5];
let uniqueArr = arr.reduce((prev, curr) => {
if (!prev.includes(curr)) {
prev.push(curr);
}
return prev;
}, []);
console.log(uniqueArr); // [1, 2, 3, 4, 5]

결론:

이 기사에서는 Set, indexOf, include, filter 및 Reduce 메소드 사용을 포함하여 JavaScript에서 일반적으로 사용되는 배열 중복 제거 메소드를 소개합니다. 독자는 실제 상황에 따라 어레이 중복 제거를 수행하는 적절한 방법을 선택할 수 있습니다. 실제 개발에서 어레이 중복 제거는 매우 기본적이고 일반적으로 사용되는 작업입니다. 이러한 방법을 익히면 어레이 데이터를 보다 효율적으로 처리하고 프로그램 성능과 가독성을 향상시킬 수 있습니다. .

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