어레이에서 중복 제거

다음과 같은 숫자 목록이 있다고 가정합니다.

[1, 2, 4, 5, 4, 2];

중복을 제거하려면 어떻게 해야 합니까?

이 짧은 자습서에서는 배열에서 중복 항목을 제거하는 데 사용할 수 있는 두 가지 방법을 배웁니다.

1. for 루프를 사용합니까?

let numbers = [1, 2, 4, 5, 4, 2];
let numbersWithoutDuplicates = [];
for (let i = 0; i < numbers.length; i++) {
  if (!numbersWithoutDuplicates.includes(numbers[i])) {
    numbersWithoutDuplicates.push(numbers[i]);
  }
}

console.log(numbersWithoutDuplicates);
// => [ 1, 2, 4, 5 ]

여기서 뭐하는거야?

numbersWithoutDuplicates를 선언하고 빈 배열에 할당했습니다. 이 변수는 중복을 제거한 후 최종적으로 숫자를 유지합니다

.

for 루프를 사용하여 모든 숫자를 반복합니다

.

반복할 때마다 현재 숫자가 numbersWithoutDuplicates 배열에 있는지 확인합니다.

현재 숫자가 배열에 있으면 아무 작업도 수행하지 않고 그렇지 않으면 숫자를 추가합니다

.

마지막으로, 중복되지 않는 배열을 출력합니다

.

for 루프는 아래와 같이 for-of 루프를 사용하여 훨씬 더 간결하게 다시 작성할 수 있습니다.

let numbers = [1, 2, 4, 5, 4, 2];
let numbersWithoutDuplicates = [];
for (let number of numbers) {
  if (!numbersWithoutDuplicates.includes(numbers) {
    numbersWithoutDuplicates.push(number);
  }
}

console.log(numbersWithoutDuplicates);
// => [ 1, 2, 4, 5 ]

1. 세트 사용?

세트를 사용하여 배열에서 중복 항목을 자동으로 제외할 수 있습니다.

Mathematically, a set is a collection of items where order and repetition is ignored.

JavaScript에서는 배열 개체에서 집합을 만들 수 있으며 이는 단순히 중복을 제거합니다.

이것이 어떻게 작동하는지 봅시다:

let numbers = [1, 2, 4, 5, 4, 2];

let numbersWithoutDuplicates = [...new Set(numbers)];
// populate a new array with non-duplicate numbers
// using the spread operator

console.log(numbersWithoutDuplicates);
// => [ 1, 2, 4, 5 ]

야!

배열에서 중복 항목을 제거하는 방법에 대한 두 가지 방법을 배웠습니다.

어레이에서 중복 항목을 제거하는 방법을 알고 있는 다른 멋진 방법은 무엇입니까?