TypeScriptで最近気になったこと

Introduction:

1. nullとundefinedの取り扱いについて
2. 型を値として使用したい
3. index signatureは使用するべきなのか

・nullとundefinedの取り扱いについて
- この二つの定義を同じものと理解していた
-  Typeの取り扱い方が不安

//等価演算子
  function foo1(arg: string | null | undefined) {
    if (arg != null) {
      return 'string'
    }
    return 'null　| undefined'
  }
//厳密等価演算子
  function foo2(arg: string | null | undefined) {
    if (arg !== null) {
      return 'string | undefined'
    }
    return 'null'
  }

・型を値として使用したい
-　ユニオン型で定義したのに再度値を入れないといけないのでもっと簡略化できそう

export enum HotelStatus {
  CheckIn = 'チェックイン',
  CheckOut = 'チェックアウト',
  RoomService = 'ルームサービス',
  CleaningInProgress = '清掃中',
  LaundryService = 'ランドリーサービス',
  GuestRequest = 'ゲストリクエスト',
  MaintenanceInProgress = 'メンテナンス中',
  Completed = '完了'
}
export type Hotel = {
  name: string;
  address: string;
  status: HotelStatus; 
}

//使用例
const hotel1: Hotel = {
  name: 'Hotel A',
  address: '123 Main St, City, Country',
  status: HotelStatus.Completed
};
const hotel2: Hotel = {
  name: 'Hotel B',
  address: '456 Elm St, City, Country',
  status: HotelStatus.GuestRequest
};
const hotel3: Hotel = {
  name: 'Hotel C',
  address: '789 Oak St, City, Country',
  status: HotelStatus.MaintenanceInProgress
};

export type Rectangle = {
  height: number;
  width: number;
};
 
export const Rectangle = {
  from(height: number, width: number): Rectangle {
    return {
      height,
      width,
    };
  },
};
import { Rectangle } from "./rectangle";
 
const rec: Rectangle = Rectangle.from(1, 3);
 
console.log(rec.height);　//1
console.log(rec.width);//3

・index signatureは使用するべきなのか
- かなり自由に作れちゃうので本当に大丈夫かな？
- Firebaseのルールを細かく書きたいときには不便かも

interface MyObject {
  [key: string]: number; // 文字列型のキーに対応する値の型はnumber
}
const obj: MyObject = {
  key1: 10,
  key2: 20,
  key3: 30
};
console.log(obj['key1']); // 10
console.log(obj['key2']); // 20
console.log(obj['key3']); // 30

1. オブジェクトが動的にプロパティを持つ場合：オブジェクトがさまざまなプロパティを持ち、それらのプロパティがあらかじめわかっていない場合、index signatureは非常に便利です。例えば、辞書やマップのようなデータ構造を表現する際に使用されます。
2. オブジェクトのプロパティ名が変化する場合：オブジェクトのプロパティ名が静的でなく、実行時に決まる場合、index signatureを使用してその柔軟性を確保できます。

1. オブジェクトが固定されたプロパティ構造を持つ場合：オブジェクトのプロパティが事前にわかっており、それらのプロパティ名が変化しない場合、index signatureは不要です。
2. オブジェクトのプロパティに特定の制約がある場合：特定の型や範囲の値を持つプロパティを持つオブジェクトの場合、index signatureでは制約を表現することができません。

const obj: { [key: string]: string } = { a: 'a' };
// itemはstringとして推論される、実態はundefined
const item = obj.b;
// Cannot read properties of undefined (reading 'toUpperCase')
item.toUpperCase();

//対応方法
const hoge = new Map<string, number>();
hoge.set('hoge', 1);
hoge.get('hoge'); // -> number | undefinedになる