JavaScript 배열은 여러 값을 저장할 수 있는 데이터 구조입니다. 그러나 배열에 중복 요소가 포함되어 있는 경우가 많이 있을 수 있습니다. 이 가이드에서는 이러한 중복 항목을 제거하고 고유한 요소가 포함된 배열을 만드는 다양한 방법을 안내합니다.

메모: JavaScript 배열에 대해 자세히 알아보기

JavaScript 배열에서 중복 요소를 제거하는 방법

내용의 테이블

• 자바스크립트 filter() 메소드 사용
• 자바스크립트 set() 메소드 사용
• Javascript forEach() 메소드 사용
• 자바스크립트 Reduce() 메소드 사용
• 자바스크립트 indexOf() 메소드 사용
• 타사 라이브러리 사용

JavaScript filter() 메서드 사용

그만큼 필터() 메서드 콜백 함수를 통해 전달된 조건과 일치하는 요소의 새로운 배열을 만듭니다. true가 반환되는 요소만 포함됩니다.

예: 아래 코드는 필터() 메서드 JavaScript 배열에서 중복된 요소를 제거합니다.

let arr = ['apple', 'mango', 'apple',  'orange', 'mango', 'mango']; function removeDuplicates(arr) {  return arr.filter((item,  index) =>arr.indexOf(item) === 인덱스); } console.log(removeDuplicates(arr));>

[ 'apple', 'mango', 'orange' ]>

JavaScript set() 메소드 사용

이 방법은 고유한 값의 컬렉션을 생성할 수 있는 ES6(ES2015)을 사용하여 새로운 객체 유형을 설정합니다.

예: 이 예에서는 JavaScript를 사용합니다. set() 메소드 배열에서 중복 항목을 제거합니다.

let arr = ['apple', 'mango', 'apple',  'orange', 'mango', 'mango']; function removeDuplicates(arr) {  return [...new Set(arr)]; } console.log(removeDuplicates(arr));>

[ 'apple', 'mango', 'orange' ]>

JavaScript forEach() 메서드 사용

을 사용하여 forEach() 메서드 , 배열의 요소를 반복할 수 있으며 배열에 요소가 없으면 새 배열로 푸시합니다.

예: forEach() 메서드는 아래 코드의 JavaScript 배열에서 요소를 제거하는 데 사용됩니다.

let arr = ['apple', 'mango',  'apple', 'orange', 'mango', 'mango']; function removeDuplicates(arr) {  let unique = [];  arr.forEach(element =>{ if (!unique.includes(element)) { Unique.push(element);  } });  고유한 반환; } console.log(removeDuplicates(arr));>

[ 'apple', 'mango', 'orange' ]>

JavaScript Reduce() 메소드 사용

그만큼 감소() 메서드 전달한 일부 감속기 함수를 기반으로 배열의 요소를 줄이고 이를 최종 배열로 결합하는 데 사용됩니다.

예: Reduce() 메소드는 JavaScript의 배열에서 중복을 제거하는 데 사용됩니다.

let arr = ['apple', 'mango',  'apple', 'orange', 'mango', 'mango']; function removeDuplicates(arr) {  let unique = arr.reduce(function (acc, curr) {  if (!acc.includes(curr))  acc.push(curr);  return acc;  }, []);  return unique; } console.log(removeDuplicates(arr));>

[ 'apple', 'mango', 'orange' ]>

JavaScript indexOf() 메서드 사용

그만큼 indexOf() 메서드 배열 요소의 첫 번째 발생 인덱스를 찾는 데 사용됩니다. 배열의 요소를 반복할 수 있으며 결과 배열에 새 배열이 없으면 새 배열로 푸시합니다.

예: 아래 코드 예제에서는 indexOf() 메서드를 사용하여 배열에서 중복 항목을 제거합니다.

let arr = ['apple', 'mango',  'apple', 'orange', 'mango', 'mango']; function removeDuplicates(arr) {  let unique = [];  for (i = 0; i < arr.length; i++) {  if (unique.indexOf(arr[i]) === -1) {  unique.push(arr[i]);  }  }  return unique; } console.log(removeDuplicates(arr));>

[ 'apple', 'mango', 'orange' ]>

타사 라이브러리 사용

다음과 같은 타사 라이브러리를 사용할 수도 있습니다. 로다시 또는 Underscore.js Javascript 배열에서 중복 요소를 제거합니다. 그만큼 _.uniq() 함수 중복된 요소를 포함하지 않는 배열을 반환합니다.

예: underscore.js 라이브러리의 _.uniq() 함수는 아래 코드에서 배열에서 요소를 제거하는 데 사용됩니다.