[TypeScript] 合併型の配列(複数の型が含まれているを配列)の型定義

はじめに

今回は下記書籍でTypeScriptについて学習しました。
下記内容まで解説します。

• 合併型の配列(複数の型が含まれているを配列)の型定義方法について

結論

文字列と数値の混合の配列のあ場合、(number | string)[]を指定する

1. 文字列のみの配列

const stgList: string[] = ["1", "2", "3", "4", "5"];

console.log(stgList);

実行結果を確認する

["1", "2", "3", "4", "5"]

2. 数値のみの配列

const numList: number[] = [1, 2, 3, 4, 5];

console.log(numList);

実行結果を確認する

[1, 2, 3, 4, 5]

3. 数値のみの配列に文字列が含まれている

const numList: number[] = [1, 2, 3, "4", "5"];

console.log(numList);

実行結果を確認する

Type 'string' is not assignable to type 'number'.

4. 合併型(文字列/数値)の配列

const numOrStgList: (number | string)[] = [1, 2, 3, "4", "5"];

console.log(numOrStgList);

実行結果を確認する

[1, 2, 3, "4", "5"]

5. 数値のみの多次元配列

const numMultiList: number[][] = [
  [1, 2, 3, 4, 5],
  [6, 7, 8, 9, 10],
];

console.log(numMultiList);

実行結果を確認する

[[1, 2, 3, 4, 5], [6, 7, 8, 9, 10]]

6. 合併型(文字列/数値)の多次元配列

const numOrStgListMulti: (number | string)[][] = [
  ["1", "2", "3", "4", "5"],
  [6, 7, 8, 9, 10],
];

console.log(numMultiList);

実行結果を確認する

[["1", "2", "3", "4", "5"], [6, 7, 8, 9, 10]]