• 티스토리 홈
  • 프로필사진
    루루개발자
  • 방명록
  • 공지사항
  • 태그
  • 블로그 관리
  • 글 작성
루루개발자
  • 프로필사진
    루루개발자
    • 분류 전체보기 (213)
      • react & next.js (13)
      • 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
      # 공지사항
      #
      # 태그
      # 검색결과
      # 방명록
      • [004] d3.InternMap
        2022년 06월 27일
        • 루루개발자
        • 작성자
        • 2022.06.27.:30
        반응형

         

        d3.InternMap


        d3.InternMap 은 javascript 의 Map 과 동일한 기능을 하는 클래스 입니다. 똑같이 Key, Value 쌍으로 데이터를 지정하고 Key 로 Value 를 가져올 수 있습니다.

         

         

        예제


        기존 javascript 의 Map 과 달리 d3.InternMap 은 Key 로 Date 객체를 사용할 수 있습니다. 만약 아래와 같은 코드가 있다고 해봅시다.

        const jsMap = new Map();
        jsMap.set(new Date(2022, 7, 1), 'jsMap Data!');
        console.log(`jsMap.get(new Date(2022, 7, 1))`, jsMap.get(new Date(2022, 7, 1)));
        
        console.log(`==============================`);
        
        const d3InternMap = new d3.InternMap();
        d3InternMap.set(new Date(2022, 7, 1), 'd3InternMap Data!');
        console.log(`d3InternMap.get(new Date(2022, 7, 1))`, d3InternMap.get(new Date(2022, 7, 1)));

         

        결과는 다음과 같습니다.

         

        javascript 의 Map 에서는 같은 날짜인 Date 객체를 Key 로 사용하면 값을 가져올 수 없지만, d3.InternMap 에서는 같은 날짜인 Date 객체를 Key 로 사용하여 값을 가져 올 수 있습니다.

         

         

        참고


        https://github.com/d3/d3-array/blob/v3.1.5/README.md#InternMap

         

        GitHub - d3/d3-array: Array manipulation, ordering, searching, summarizing, etc.

        Array manipulation, ordering, searching, summarizing, etc. - GitHub - d3/d3-array: Array manipulation, ordering, searching, summarizing, etc.

        github.com

        https://observablehq.com/d/d4c5f6ad343866b9

         

        d3-array + InternMap

        Learn new data visualization techniques. Perform complex data analysis. Publish your findings in a compelling document. All in the same tool. Sign up for free

        observablehq.com

         

         

         

        반응형

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

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

        티스토리툴바