짧고 달콤한 방법으로 배열에서 중복을 제거하십시오!

4747 단어 tutorialjavascript

tldr;




const numbers = [1,2,2,3,3,3,4,4,4,4]
console.log([...new Set(numbers)]) //output:  [1,2,3,4]
// OR
console.log(Array.from(new Set(numbers))) //output: [1,2,3,4]


긴 버전


Set가 무엇인지 살펴보는 것으로 시작하겠습니다...

MDN에 따르면

Set objects are collections of values. You can iterate through the elements of a set in insertion order. A value in the Set may only occur once; it is unique in the Set's collection.



위에서 우리가 이해할 수 있는 것은 세트가 반복할 수 있는 값의 모음이라는 점에서 세트가 배열과 같다는 것입니다. 그러나 주요 차이점은 위에서 강조 표시된 사실에 있습니다.

A value in the Set may only occur once;



Set의 위 속성은 배열에서 중복 항목을 제거하는 데 활용할 것입니다.

이제 본론으로 들어가 코드를 살펴보겠습니다.





따라서 중복으로 가득 찬 배열을 고려하십시오.

const numbers = [1,2,2,3,3,3,4,4,4,4]


프로세스를 두 단계로 나누어 보겠습니다.

1. 배열을 집합으로 변환




console.log(new Set(numbers)) //output: {1,2,3,4}


눈치채셨겠지만 중복이 제거되었습니다! 또한 주목해야 할 또 다른 사항은 집합과 배열이 유사점을 가지고 있지만 사용하는 표기법이 다르다는 것입니다.

2. 집합을 배열로 변환



두 가지 방법이 있습니다.

a) 확산 연산자 사용




console.log([...new Set(numbers)]) //output: [1,2,3,4]


b) Array.from() 사용




console.log(Array.from(new Set(numbers))) //output: [1,2,3,4]


게시물이 마음에 드셨나요? 보여주세요❤️



자원


  • MDN Web Docs — Set
  • 좋은 웹페이지 즐겨찾기