JavaScript 배열에서 고유 값 필터링

Beginner

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

소개

이 랩에서는 JavaScript 에서 배열의 고유한 값을 필터링하는 개념을 탐구합니다. Set 생성자와 spread 연산자를 사용하여 고유한 값의 배열을 생성한 다음, filter() 메서드를 사용하여 고유하지 않은 값만 필터링합니다. 이 랩은 배열에서 고유한 값을 필터링하는 것의 중요성과 간단한 JavaScript 코드를 사용하여 이를 어떻게 달성할 수 있는지 이해하는 데 도움이 될 것입니다.

이것은 가이드 실험입니다. 학습과 실습을 돕기 위한 단계별 지침을 제공합니다.각 단계를 완료하고 실무 경험을 쌓기 위해 지침을 주의 깊게 따르세요. 과거 데이터에 따르면, 이것은 초급 레벨의 실험이며 완료율은 100%입니다.학습자들로부터 100%의 긍정적인 리뷰율을 받았습니다.

JavaScript 를 사용하여 배열에서 고유한 값을 필터링하는 방법

JavaScript 를 사용하여 배열에서 고유한 값을 필터링하려면 다음 단계를 따르세요.

  1. 터미널/SSH 를 열고 node를 입력하여 코딩 연습을 시작합니다.
  2. Set 생성자와 spread 연산자 (...) 를 사용하여 원래 배열의 고유한 값의 배열을 생성합니다.
  3. Array.prototype.filter()를 사용하여 고유하지 않은 값만 포함하는 배열을 생성합니다.
  4. 배열을 인수로 받아 위 단계를 적용하는 filterUnique라는 함수를 정의합니다.
  5. 배열을 인수로 사용하여 filterUnique 함수를 호출합니다.

다음은 이를 달성하기 위한 코드 스니펫 예시입니다.

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

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

위 코드 스니펫에서 filterUnique 함수는 배열을 인수로 받아 Set 생성자와 Array.prototype.filter() 메서드를 적용하여 고유하지 않은 값만 있는 배열을 반환합니다.

요약

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