TypeScriptでinterfaceで定義した型の初期化

Question

TypeScriptのinterfaceで定義した型(オブジェクト)で、変数を定義した場合の初期化の方法を知りたいです。

オブジェクトのキーが多い場合にコードが長くなってしまい困っています。

100項目ほどをinterfaceで定義しなければいけないことは分かるのですが、変数側で定義しなければいけないものなのでしょうか？せっかく定義しているので、その型の初期値が入れば良いと思っています。

現在のコード

interface IEmployee {
  id: number,
  name: string,
  age: number,
  //... 100項目ほど
}

let employee: IEmployee = {
  id: 1,
  name: "Yamada Hanako",
  age: 18,
  // ...100項目ほど ※ここが長くなってしまう。
}

実現したいコード

interface IEmployee {
  id: number,
  name: string,
  age: number,
  //... 100項目ほど
}

let employee: IEmployee = {} // ここで何かをしてIEmployeeの初期値が入るようにしたい
console.log(employee) // { id: 0, name: "", age: 0, ...100項目ほど}

Answer 1

せっかく定義しているので、その型の初期値が入れば良いと思っています。

残念ながら、TypeScriptの型はトランスパイル時に消えてしまうので、「型からコードの動作を定義する」ことはできません。

ただし、逆に「constな配列から型を作る」ことは可能です。

// 配列型から要素の型を抽出する
type ArrayElement<ArrayType extends readonly unknown[]> = ArrayType[number];

const numberKeys = ['id', 'age'] as const;
const stringKeys = ['name'] as const;

type IEmployee = {
  [k in ArrayElement<typeof numberKeys>]: number
} & {
  [k in ArrayElement<typeof stringKeys>]: string
}

const empty = {
  ...Object.fromEntries(
    numberKeys.map(key => [key, 0])
  ),
  ...Object.fromEntries(
    stringKeys.map(key => [key, ''])
  ),
} as IEmployee // キャストは必要だけど、中身はしっかり合致する

Comments

[RabadonHut]

ご回答ありがとうございました。