---

---

【TypeScript】inを使った構文まとめ

投稿日：2021年4月3日

この記事ではTypeScriptでのinを使った構文について詳しく解説しています。

---

はじめに

この記事について

環境

---

実践

プロパティの存在確認

// 型の定義
type User = {
  name: string;
  age: number;
  email: string;
};

// オブジェクトを作成
const user: User = {
  name: "marsquai",
  age: 26,
  email: "example@marsquai.com",
};

// keyの確認
if ("name" in user) {
  console.log("Found 'name' key in object keys");
} else {
  console.log("Not found.");
}

Found 'name' key in object keys

// 様々な値が入った配列
const sampleArray: Array<any> = [1, "marsquai", 3, undefined, null];

// 配列の一部を削除
delete sampleArray[2];

// 配列のサイズ+1までをinで比較
for (let index = 0; index <= sampleArray.length; index++) {
  if (index in sampleArray) {
    console.log(`${index}:${sampleArray[index]}[TRUE]`);
  } else {
    console.log(`${index}:${sampleArray[index]}[FALSE]`);
  }
}

0:1[TRUE]
1:marsquai[TRUE]
2:undefined[FALSE]
3:undefined[TRUE]
4:null[TRUE]
5:undefined[FALSE]

Mapped Type

// ユーザー
type User = {
  name: string;
  age: number;
  email: string;
};

/**
 * プロパティが読み取り専用のユーザー
 * 以下と同じ
 * type PartialUser = {
 * name?: string;
 * age?: number;
 * email?: string;
 * }
 */
type PartialUser = {
  [P in keyof User]?: User[P];
};

/**
 * プロパティが読み取り専用のユーザー
 * 以下と同じ
 * type ReadOnlyUser = {
 * readonly name: string;
 * readonly age: number;
 * readonly email: string;
 * }
 */
type ReadOnlyUser = {
  readonly [P in keyof User]: User[P];
};

/**
 * 値がbooleanのユーザー
 * 以下と同じ
 * type BooleanUser = {
 * name: boolean;
 * age: boolean;
 * email: boolean;
 * 
 */
type BooleanOnlyUser = {
  [P in keyof User]: boolean;
};

// ユーザー
type User = {
    name: string;
    age: number;
    email: string;
  };
  
  /**
   * プロパティが読み取り専用のオブジェクト
   * @param T {type} 型
   */
  type PartiaObj<T> = {
    [P in keyof T]?: T[P];
  };

  const partialUser: PartiaObj<User> = {
      name: "marsquai"
  }

---

さいごに

参考URL

---

---

---