🏯

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

2024/09/22に公開

はじめに

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

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

結論

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]]
GitHubで編集を提案

Discussion