TypeScriptでの辞書的オブジェクト - 西尾泰和の外部脳

TypeScriptでの辞書的オブジェクト

TypeScriptでの辞書的オブジェクトの扱いがわからなくて試行錯誤した。

まずJavaScriptのMapとObjectを正しく区別することが大事

Map - JavaScript | MDN

MapとObjectはどちらもKey-Valueの辞書的振る舞いをする

特にPythonistaにとって混乱しやすい

Pythonでは{}が辞書。

JavaScriptでは{}がObject

JavaScriptの{}はPythonではobject

JavaScriptのMapの場合

const aMap = new Map<string, number>();

aMap.set("a", 1);

aMap.forEach((value: number, key: string) => {});

Objectの場合

const obj = {} as { [key: string]: number };

obj["a"] = 1 or obj.a = 1

Object.entries(obj).forEach(([key, value]) => {})

code:ts

const aMap = new Map<string, number>();

if (aMap.get("a") === undefined) {

aMap.set("a", 1);

}

aMap.forEach((value: number, key: string) => {

console.log(key, value);

});

const obj = {} as { key: string: number };

if (obj"a" === undefined) {

obj"a" = 1;

}

Object.entries(obj).forEach((key, value) => {

console.log(key, value);

});

-----試行錯誤

code:ts

Array.from(preset_tests.entries()).map(

(key, value: string, any) => <li><a href={"#" + key}>{key}: {value.title}</a></li>

);

Object.entries(map)

code:ts

// const map: Map<string, {

// data: string;

// title: string;

// }>

const x = Object.entries(map);

// const x: string, any[]

const y = map.entries;

// const y: () => IterableIterator<[string, {

// data: string;

// title: string;

// }]>