TypeScriptでオブジェクト型のプロパティの一部を更新した値を作成する方法

2023/2/12 HTML/CSS/JavaScript/TypeScript, Tips, プログラミング

この記事は公開から1年以上経過しています。

TypeScriptでinterfaceやtypeなどのオブジェクト型の一部のプロパティの値だけを変更して新しい値を作成する方法。

サンプルソースコード

interface MyInterface {
  name: string
  age: number
}

const value: MyInterface = { name: 'Foo', age: 20 }

const newValue: MyInterface = { ...value, name: 'Bar' }

本例ではスプレッド構文を利用していますが

Object.assign({}, value, { name: 'Bar' })

と書いても同様です。

参考ウェブサイトなど

MDN web docs
スプレッド構文
MDN web docs
Object.assign()

以上です。