JavaScript 배열에서 중복 값 필터링

Beginner

This tutorial is from open-source community. Access the source code

소개

이 랩에서는 JavaScript 를 사용하여 배열에서 중복되지 않은 값을 필터링하는 방법을 살펴봅니다. Set 생성자와 spread operator (전개 연산자) 를 사용하여 고유한 값의 배열을 생성한 다음, Array.prototype.filter() 메서드를 사용하여 중복되지 않은 값을 필터링하는 방법을 배웁니다. 이 랩은 JavaScript 에서 배열을 조작하고 문제 해결 능력을 향상시키는 데 도움이 될 것입니다.

JavaScript 에서 배열의 중복되지 않은 값 필터링 방법

JavaScript 에서 배열의 중복되지 않은 값을 필터링하려면 고유한 값만 포함하는 새 배열을 만들 수 있습니다. 방법은 다음과 같습니다.

  1. 터미널/SSH 를 열고 node를 입력하여 코딩 연습을 시작합니다.
  2. Set 생성자와 spread operator (...) 를 사용하여 원래 배열의 고유한 값의 배열을 만듭니다.
  3. Array.prototype.filter()를 사용하여 고유한 값만 포함하는 배열을 만듭니다.

다음은 이를 수행하는 예시 함수입니다.

const filterNonUnique = (arr) =>
  [...new Set(arr)].filter((i) => arr.indexOf(i) === arr.lastIndexOf(i));

이 함수를 모든 배열과 함께 사용하여 중복되지 않은 값을 필터링할 수 있습니다. 예를 들어:

filterNonUnique([1, 2, 2, 3, 4, 4, 5]); // [1, 3, 5]

요약

축하합니다! 중복되지 않은 배열 값 필터링 랩을 완료했습니다. LabEx 에서 더 많은 랩을 연습하여 기술을 향상시킬 수 있습니다.