Slackコミュニティに
無料で参加する
Flutterラボの
プレミアム会員になる
TypeScriptの型まとめ
2023.03.16
TypeScriptで使う主な型を簡単にまとめておきます。
基本型
String
文字列型
number
数値型
boolean
真偽値型 (true or false)
null
値が存在しない型
undefined
値が未定義の型
オブジェクト型
オブジェクト型を定義するためにインターフェースや型エイリアスを使用できます。
インターフェース(Interface)
interface User {
id: number;
name: string;
email: string;
}
型エイリアス (Type Alias)
type User = {
id: number;
name: string;
email: string;
};
配列型
同じ型の要素のリストを表します。2つの方法で配列型を定義できます。
let names: string[] = ['Flutter', 'Nuxt', 'Unity'];
let ages: Array<number> = [30, 35, 28];
タプル型
固定長の配列で、各要素の型が事前に指定されています。
type UserInfo = [number, string, string];
let user: UserInfo = [1, 'Otani', 'otani@flutterlabo.tech'];
列挙型 (Enum)
名前付きの定数の集合を定義します。
enum Color {
Red,
Green,
Blue,
}
let favoriteColor: Color = Color.Blue;
Any型
型が不明または動的な場合に使用されます。Any型は、TypeScriptの型チェックを回避します。
let unknownValue: any = 'This could be a string, a number, or anything else';
Unknown型
Any型と同様に型が不明な値に使用されますが、型チェックを強制します。
let unknownValue: unknown = 'This could be a string, a number, or anything else';
Void型
値が存在しないことを示すために使用されます。主に、戻り値がない関数の戻り型として使われます。
function logMessage
Flutterラボ
hatchoutschool
73min
プレミアム会員
見放題
Nuxtでデータベースと連携したWEBアプリを開発する
2023.07.12
¥2,400
ソースコード ダウンロード可
77min
プレミアム会員
見放題
3日でできるNuxt.js WEBアプリ開発入門
2023.06.30
¥2,400
Nuxt Life
Nuxtに関する知識を共有していきます。 (7本)

【Dart】Stringからint, double, DateTimeに変換する
2020.09.14

【Dart】【Flutter】List型(リスト)の使い方とよく使うメソッドまとめ
2020.09.18

【Dart】【Flutter】DateTime型についてのまとめ
2020.10.01

【Dart】Map型の使い方とよく使うメソッドまとめ
2020.09.13