INDEX
はじめに
![](https://techlog.site/wp-content/uploads/2024/02/nwe_icon.jpeg)
初めてのTypeScriptを読みました。
その学習を記録します。
![40036_learning_typescript_cvr](https://techlog.site/wp-content/uploads/2024/04/picture_large978-4-8144-0036-2.jpeg)
![40036_learning_typescript_cvr](https://techlog.site/wp-content/uploads/2024/04/picture_large978-4-8144-0036-2.jpeg)
結論
使い方
OK: 文字列のみの配列
const stgList: string[] = ['1', '2', '3', '4', '5'];
console.log(stgList);
実行結果を確認する
["1", "2", "3", "4", "5"]
OK: 数値のみの配列
const numList: number[] = [1, 2, 3, 4, 5];
console.log(numList);
実行結果を確認する
[1, 2, 3, 4, 5]
NG: 数値のみの配列に文字列が含まれている
const numList: number[] = [1, 2, 3, '4', '5'];
console.log(numList);
実行結果を確認する
Type 'string' is not assignable to type 'number'.
OK: 合併型(文字列/数値)の配列
const numOrStgList: (number | string)[] = [1, 2, 3, '4', '5'];
console.log(numOrStgList);
実行結果を確認する
[1, 2, 3, "4", "5"]
OK: 数値のみの多次元配列
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]]
OK: 合併型(文字列/数値)の多次元配列
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]]