#16 TypeScriptで学ぶ辞書型(マップ)の基本
TypeScriptの辞書に相当する仕組みは、JavaScriptと同じですが、キーと値の型をあらかじめ決めておけるのが特徴です。この記事では、TypeScriptにおける辞書の扱い方を解説します。
型付きのオブジェクト
interface Person {
name: string;
age: number;
}
const person: Person = { name: "太郎", age: 20 };
キーの型が決まっていない辞書
キーの名前が事前に決まっていない辞書のような使い方をしたい場合は、次のように書きます。
const scores: { [key: string]: number } = {};
scores["太郎"] = 90;
Mapを使う場合
const person = new Map<string, string>();
person.set("name", "太郎");
`Map<string, string>`のように、キーと値それぞれの型を指定できます。
TypeScriptならではの注意点
型付きのオブジェクト(`interface`)を使うと、存在しないキーにアクセスしようとした際に、実行前の段階でエラーとして教えてもらえます。データの形が決まっている場合は、キーが自由な辞書よりも`interface`を使うほうが安全です。
まとめ
TypeScriptの辞書は、形が決まっているなら`interface`、自由なキーを扱うなら`{ [key: string]: 型 }`や`Map`を使います。用途に応じて型の付け方を選びましょう。
本ページはプロモーションを含みます。
参考書籍(PR)
TypeScriptをもっと学びたい方には「プロを目指す人のためのTypeScript入門」がおすすめです。
コメント
コメントを投稿