[004] d3.InternMap

 

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.

https://observablehq.com/d/d4c5f6ad343866b9

d3-array + InternMap