TypeScript: 配列からマップを作成する

環境

VirtualBox 6.1.34
Debian 11.3.0
Node.js 16.15.1
TypeScript 4.7.3
OpenJDK Runtime Environment Temurin-17.0.3+7 (build 17.0.3+7)
Visual Studio Code 1.68.1
Eclipse IDE 2022-06 (4.24.0) for Enterprise Java and Web Developers

配列からマップを作成する

GitHubのリポジトリ

https://github.com/yvafdevnsk/typescript/tree/main/array-to-map

ファイルの一覧

array-to-map
    |- array-to-map.html
    |- array-to-map.ts
    |- array-to-map.js (tsファイルから生成される)

配列からマップを作成する

const myList: ListItem[] = makeList();
const myMap: Map<string, ListItem> = new Map();

myList.forEach((item) => {
    const mapKey: string = [item.key1, item.key2, item.key3].join("-");
    myMap.set(mapKey, item);
});

ビルドする

$ npx tsc --target es2015 array-to-map.ts

確認する

サンプルページを表示する

参考情報

代入式の左辺にOptional Chaining (variable?.property)は書けない。if文で明示的に回避する。

const output: HTMLElement | null = document.getElementById("debug");
if (output !== null) {
    output.textContent = (resultValue === undefined) ? "not found" : resultValue;
}