TypeScriptで記録する
Rana Hasnain Khan
2023年6月21日
TypeScript
TypeScript Record

この記事では、TypeScript の records
とその仕組みについて紹介します。
TypeScript の記録
TypeScript のRecord
は、より複雑なデータ型をテストまたは実装する際に安定性を確保するための最良の方法です。 それらは強力な値を課し、値のカスタム インターフェイスを作成できるようにします。
この考え方はややこしいですが、実際にどのように機能するか見てみましょう。 Record
はユーティリティ タイプです。TypeScript は主に特定の問題を解決するために定義されています。
const students = {
"11-12-13" : { firstName: "Petr", lastName: "David" },
"14-15-16" : { firstName: "James", lastName: "Andrew" },
"16-17-18" : { firstName: "Julia", lastName: "Saggy" }
}
次のコードには、キーの ID を持つデータ セットがあり、型は文字列です。
すべての値は同じ形式です。 つまり、firstName
と lastName
があります。
このコードでは、Record
が最適なユーティリティ タイプです。 次のようにデータ構造タイプを定義できます。
type students = {
firstName: string,
lastName: string
}
const class:Record<string, students> = {
"21-22-23" : { firstName: "David", lastName: "Miller" },
"24-25-26" : { firstName: "John", lastName: "Smith" },
"27-28-29" : { firstName: "Joe", lastName: "Peterson" }
}
この Record
は Record<K, T>
の形式を取ります。ここで、K
はキーの型、T
は値の型です。
前に、値に新しい型の students
を作成し、キーを文字列型に設定しました。
チュートリアルを楽しんでいますか? <a href="https://www.youtube.com/@delftstack/?sub_confirmation=1" style="color: #a94442; font-weight: bold; text-decoration: underline;">DelftStackをチャンネル登録</a> して、高品質な動画ガイドをさらに制作するためのサポートをお願いします。 Subscribe
Rana is a computer science graduate passionate about helping people to build and diagnose scalable web application problems and problems developers face across the full-stack.
LinkedIn