【5分でわかる】Interfaceを使ってオブジェクトを初期化する方法 | TypeScript入門

この記事ではTypeScriptにおけるInterfaceを使ってオブジェクトを初期化する方法をご紹介します。

【入門】TypeScriptを２週間で習得した学習方法 この記事では筆者がTypeScriptを２週間で習得した方法をご紹介します。 筆者のスペック ペイメント系ソフトウェアエ...

TypeScriptの入門におすすめの書籍 3選 「書籍でTypeScriptを学びたい！」という方向けに本記事ではTypeScriptの入門におすすめの書籍を厳選して3冊紹介していき...

TypeScriptでオブジェクトを初期化したい

TypeScriptでオブジェクトを初期化したいことがあるかと思います。

例えば以下のようなケースです。

export interface Human {
   name: string;
   age: number;
}

human: Human = {}; // エラーなる

category: Category = {};

しかし少なくともinterfaceを利用して上記のような初期化をすることはできません。

Interfaceを使ってオブジェクトを初期化する方法

Interfaceを使ってオブジェクトを初期化する2つの方法を紹介します。

Interfaceをclassに変換して実装する

この際Interfaceを使わずにclassとして定義し、classとして初期化します。

export class Human {
   name: string;
   age: number;
}
const human: Human = new Human();

classにInterfaceを実装して初期化する

今度は逆にClassに対しInterfaceを実装して初期化します。

export interface Human {
   name: string;
   age: number;
}

export class HumanObj implements Human  {
   name: string;
   age: number;
}
const human: HumanObj = new HumanObj();

TypeScriptにおけるInterfaceを理解しよう!

今回はTypeScriptにおけるInterfaceを使ってオブジェクトを初期化する方法を紹介しました。

いかがだったでしょうか？

ぜひこの機会にTypeScriptにおけるInterfaceの使い方を習得してみてください。

【入門】TypeScriptを２週間で習得した学習方法 この記事では筆者がTypeScriptを２週間で習得した方法をご紹介します。 筆者のスペック ペイメント系ソフトウェアエ...

TypeScriptの入門におすすめの書籍 3選 「書籍でTypeScriptを学びたい！」という方向けに本記事ではTypeScriptの入門におすすめの書籍を厳選して3冊紹介していき...