【TypeScript】2つのオブジェクトのプロパティをマージした型を定義する

1. TypeScript
2. JavaScript
2023/06/17

やりたいこと

type TypeA = {
  a: string;
};

type TypeB = {
  b: string;
};

// { a: string; b: string; } を定義したい

上記のように、2つのオブジェクト（TypeAとTypeB）のプロパティをマージした型を定義したい。

type TypeA = {
  a: string;
};

type TypeB = {
  b: string;
};

type TypeAB = typeA & typeB; // { a: string; } & { b: string; }

ちなみに上記のようにIntersection（交差）型を使用することで実現できないことはないがこれは厳密にはマージされた型ではないので、純粋にマージした型を定義したい。

解決法

type TypeA = {
  a: string;
};

type TypeB = {
  b: string;
};

type Merge<T> = {
  [K in keyof T]: T[K];
};

type TypeAB = Merge<typeA & typeB>; // { a: string; b: string; }

Mergetypeを独自に定義
- keyofとinを使い、交差型のkeyとvalueを抽出する
交差型をMergeで包む

参考

TypeScript のいろんな型テクニック - Zenn ↩