More than 3 years have passed since last update.

TypeScriptでreadonlyのフィールド定義をsetも出来るフィールドに戻す

Last updated at 2020-11-10Posted at 2020-11-10

interface ReadonlyFields {
  readonly name: string
  readonly age: number
}

のようなreadonlyがフィールドに指定されている定義から全てのreadonlyを除去する方法の紹介です。

type Assignable<T> = {
  -readonly [P in keyof T]: T[P]
}

// つまり
// Assignable<ReadonlyFields> == {
//   name: string
//   age: number
// }
// になります

このような定義を行えば下のように使えます


const f: Assignable<ReadonlyFields> = {
  name: "Tom",
  age: 20
}
f.name = "Bob"
f.age = 30

余談

CDKでXXXPropsを構築する時にreadonlyを外したくてこの方法を見つけました。