[03-07] javascript Set의 실험적 메서드

[chouung]

javascript Set의 실험적 메서드

주로 배열에서 동일 요소 제거로 사용되는 Set.. 개인적으로는 어서 적용되었으면 하는 기능이네요 !

원문 : Union, intersection, difference, and more are coming to JavaScript Sets

AS-IS 자바스크립트 Set

• 배열에서 중복값을 제거해서 새로운 집합을 만들기
• someSet.add
• someSet.delete
• someSet.has("something")
• someSet.forEach
• someSet.clear()

TO-BE 자바스크립트 Set

💫 24.02.17 기준
- TC39 프로세스 중 3단계
- Chrome 122 beta 이상 또는 Safari 17 이상에서 사용해볼 수 있다.
- Node는 아직 지원 하지 않는다.

• setA.union(setB)

  • 합집합 메서드

  const setA = new Set(['setA1', 'setA2', 'something'])
  const setB = new Set(['setB1', 'setB2', 'something'])
  const union = setA.union(setB)
  console.log(union) // Set(5) {'setA1', 'setA2', 'something', 'setB1', 'setB2'}

• setA.intersection(setB)

  • 교집합 메서드

  const setA = new Set(['setA1', 'setA2', 'something'])
  const setB = new Set(['setB1', 'setB2', 'something'])
  const intersection = setA.intersection(setB)
  console.log(intersection) // Set(1) {'something'}

• setA.difference(other)

  • 왼쪽 조인
  • 첫 번째 세트에는 있지만 두 번째 세트에는 없는 모든 요소

  const setA = new Set(['setA1', 'setA2', 'something'])
  const setB = new Set(['setB1', 'setB2', 'something'])
  const difference = setA.difference(setB)
  console.log(difference) // Set(2) {'setA1', 'setA2'}

• setA.symmetricDifference(other)

  • 두 집합 간의 대칭 차이
  • 두 집합에 공통으로 있는 것을 제외한 두 집합간의 합집합

  const setA = new Set(['setA1', 'setA2', 'something'])
  const setB = new Set(['setB1', 'setB2', 'something'])
  const symmetricDifference = setA.symmetricDifference(setB)
  console.log(symmetricDifference) // Set(4) {'setA1', 'setA2', 'setB1', 'setB2'}

• setA.isSubsetOf(other)

  • 첫 번째 집합의 모든 요소가 두 번째 집합에 나타나는 경우, 첫번째 집합은 두번째 집합의 하위 집합이 된다.
  • boolean

  const setA = new Set(['setA1', 'setA2', 'something'])
  const setB = new Set(['setB1', 'setB2', 'something'])
  const isSubsetOf = setA.isSubsetOf(setB)
  console.log(isSubsetOf) // false

• setA.isSuperssetOf(other)

  • 두 번째 집합의 모든 요소가 첫 번째 집합에 나타나면 첫 번째 집합은 두 번째 집합의 상위 집합이 된다.
  • boolean

  const setA = new Set(['setA1', 'setA2', 'something'])
  const setB = new Set(['setB1', 'setB2', 'something'])
  const isSupersetOf = setA.isSupersetOf(setB)
  console.log(isSupersetOf) // false

• setA.isDisjointFrom(other)

  • 공통 요소가 없는 집합은 다른 집합과 분리가 된다.
  • 공통 요소가 있으면 false
  • boolean

  const setA = new Set(['setA1', 'setA2', 'something'])
  const setB = new Set(['setB1', 'setB2', 'something'])
  const isDisjointFrom = setA.isDisjointFrom(setB)
  console.log(isDisjointFrom) // false

[snaag]

님 여기 마크다운 깨졌어용~~ 의도한거면 죄송여~~~

와 추가되는 문법들 진짜 대따좋네요....... 리얼 가끔 저런거 필요하면 구글에다가 list...intersection...subtraction 이랬었는데... 우오오.....

[chouung]

@snaag 의도한것은 맞구요 ^_^... 저도 정말 빨리 적용되었으면 좋겠네요..