• 티스토리 홈
  • 프로필사진
    루루개발자
  • 방명록
  • 공지사항
  • 태그
  • 블로그 관리
  • 글 작성
루루개발자
  • 프로필사진
    루루개발자
    • 분류 전체보기 (212)
      • react & next.js (12)
      • Node.js & Javascript & Type.. (24)
        • d3.js (10)
      • 차트 만들기 (1)
      • 티스토리 스킨 개발 (7)
      • 내가 만든 패키지 (3)
      • 내가 만든 CSS (1)
      • CSS (7)
      • 도커 & 쿠버네티스 (3)
      • 개인 프로젝트 (7)
      • 리뷰 & 추천 (2)
      • 알고리즘 (1)
      • IT 기타 (18)
      • 잡동사니 (1)
      • Spring Boot (5)
      • 취미로 그리는 그림들 (120)
      • 개인적인 생각들 (0)
  • 반응형
  • 방문자 수
    • 전체:
    • 오늘:
    • 어제:
  • 최근 댓글
      등록된 댓글이 없습니다.
    • 최근 공지
        등록된 공지가 없습니다.
      # Home
      # 공지사항
      #
      # 태그
      # 검색결과
      # 방명록
      • [005] d3.InternSet
        2022년 06월 28일
        • 루루개발자
        • 작성자
        • 2022.06.28.:56
        반응형

         

        d3.InternSet


        d3.InternSet 은 javascript 의 Set 과 동일한 기능을 하는 클래스 입니다. 똑같이 Value 를 add 할 수 있고 Value 를 가지고 있는지 여부와 size 등을 조회할 수 있습니다.

         

         

        예제


        만약 아래와 같은 코드가 있다고 해봅시다.

        const jsSet = new Set();
        jsSet.add(new Date(2021, 4, 1));
        jsSet.add(new Date(2022, 3, 8));
        jsSet.add(new Date(2022, 3, 8));
        console.log(`jsSet`, jsSet);
        
        console.log(`==============================`);
        
        const d3InternSet = new d3.InternSet();
        d3InternSet.add(new Date(2021, 4, 1)); 
        d3InternSet.add(new Date(2022, 3, 8));
        d3InternSet.add(new Date(2022, 3, 8));
        console.log(`d3InternSet`, d3InternSet);

         

        결과는 다음과 같습니다.

         

         

        javascript 의 Set 에서는 Date를 value 로 add 하게 되면 객체의 id 값이 다 다르기 때문에 날짜가 동일하더라도 별개의 value 로 인식되지만, d3.InternSet 은 Date 객체의 id 값이 다르더라도 해당 Date 객체가 가리키고 있는 날짜가 동일하다면 같은 value 로 인식하여 작동합니다. 

         

         

        참고


        https://github.com/mbostock/internmap

         

        GitHub - mbostock/internmap: Map and Set with automatic key interning

        Map and Set with automatic key interning. Contribute to mbostock/internmap development by creating an account on GitHub.

        github.com

         

        반응형

        'Node.js & Javascript & Typescript > d3.js' 카테고리의 다른 글

        [007] d3.ZoomTransform  (0) 2022.06.30
        [006] d3.Voronoi  (0) 2022.06.29
        [004] d3.InternMap  (0) 2022.06.27
        [003] d3.FormatSpecifier  (0) 2022.06.20
        [002] d3.Delaunay  (0) 2022.06.13
        다음글
        다음 글이 없습니다.
        이전글
        이전 글이 없습니다.
        댓글
      조회된 결과가 없습니다.
      스킨 업데이트 안내
      현재 이용하고 계신 스킨의 버전보다 더 높은 최신 버전이 감지 되었습니다. 최신버전 스킨 파일을 다운로드 받을 수 있는 페이지로 이동하시겠습니까?
      ("아니오" 를 선택할 시 30일 동안 최신 버전이 감지되어도 모달 창이 표시되지 않습니다.)
      목차
      표시할 목차가 없습니다.
        • 안녕하세요
        • 감사해요
        • 잘있어요

        티스토리툴바