ブール型// ブール型 ---> boolean // 変数名: データ型 = 値 フラグ: ブール値 = true; console.log(フラグ) 数値型//数値型--->数値 let a1: number = 10 // 10進数 let a2: number = 0b1010 // 2進数 let a3: number = 0o12 // 8進数 let a4: number = 0xa // 16進数 console.log(a1 + a2 + a3 + a4) 文字列型// 文字列型 ---> 文字列 let str1: string = 'ベッドの前で月が明るく輝いている'; let str2: string = '地面に靴が2足'; コンソール.log(文字列1 + ',' + 文字列2) 文字列と数値を連結するlet str3: string = '私の現在の年齢:' a5: 数値 = 24 とする コンソールログ(`${str3}${a5}`) 要約: ts には元々どのようなタイプの変数がありますか? 後で値を割り当てるときは、このタイプのデータのみを使用できます。現在の変数に他のタイプのデータを割り当てることはできません。 未定義およびnull// undefined と null はどちらも他の型のサブクラスとして使用でき、undefined と null を他の型の変数に割り当てることができます。例: 数値型変数 let und: undefined = undefined n1l: null = null とします console.log(と) コンソール.log(n1l) 配列型// 方法 1: let 変数名: データ型 [] = [値 1, 値 2, 値 3, ...] arr1: 数値[] = [10, 20, 30, 40, 50]とします コンソールログ(arr1); // 方法 2: 汎用的な記述 // 構文: let 変数名: Array<データ型>=[値1, 値2, 値3] arr2: 配列<数値> = [100, 200, 300] コンソールログ(arr2); 注意: 配列を定義した後、配列内のデータ型は配列を定義したときの型と一致している必要があります。一致していない場合はエラー メッセージが表示され、コンパイルされません。 タプル型// タプル型: 配列を定義する場合、データの型と数は最初から制限されます。let arr3: [string, number, boolean] = ['小甜甜', 100, true]; コンソールログ(arr3) // 注意: タプル型を使用する場合、データのデータ型、位置、数は、タプルを定義するときのデータ型と位置と一致している必要があります。console.log(arr3[0].split('')); コンソールにログ出力します。 列挙型列挙型カラー{ 赤、 緑、 青 } // 列挙値を受け取るための Color 列挙型の変数を定義します。let color: Color = Color.red コンソールログ(色); コンソール.log(色[2]) あらゆるタイプstr5: any = 100 とします。 str5 = 'うちはオビト' コンソールログ(str5); // 配列に数や型が不明な複数のデータを格納する場合は、 any 型を使用して配列を定義することもできます。let arr6: any = [100, 'Uchiha Obito', true]; コンソール.log(arr6) // この場合、エラー メッセージは表示されません。any 型には利点と欠点があります。console.log(arr6[1].split('')); void型関数 getobj(obj: オブジェクト): オブジェクト { コンソールにログ出力します。 戻る { 名前:「カカシ」 年齢: 27 } } console.log(getobj({ name: 'サスケ', age: 20 })) ユニオン型// 要件 1: 数値または文字列値の文字列値を取得する関数を定義する function getString(str: number | string): string { str.toString() を返します。 } console.log(getString('萨给')) // 要件 2: 数値または文字列値の長さを取得する関数を定義する function getString1(str: number | string): number { str.toString().length を返す if ((<文字列>str).length) { (str を文字列として) の長さを返す } それ以外 { str.toString().length を返す } } コンソールログ(getString1(12345)) コンソールログ(getString1('12345')) 要約するこの記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: MySQL における tinyint と int の違いの詳細な説明
ドキュメント: https://github.com/hilongjw/vue-lazyload 1...
この記事の例では、ふるい抽選を実装するためのミニプログラムの具体的なコードを参考までに共有しています...
W3C は最近、「 XHTML Basic1.1 」と「 Mobile Web Best Prac...
導入私はしばらくの間、postgresql データベースを使用していました。クラウドに移行した後、自...
<br />前回の記事:Webデザイン講座(7):Webページ制作の効率化1:必要な小言...
目次1. SQLコマンドを含むSQLスクリプトファイルを作成する2. SQLスクリプトファイルを実行...
Windows 64 ビット版 MySQL 5.7 以降の解凍パッケージにデータディレクトリ、my-...
この記事では、参考までに、Vue の具体的なコードを共有して、簡単なショッピングカートを実装します。...
サービス.xml Server.xml 構成ファイルは、コンテナー全体を構成するために使用されます。...
<br />適度に画像を追加すると、Web ページがより美しくなります。 画像タグ &l...
1. コマンドの紹介ln コマンドは、ファイルのリンクを作成するために使用されます。リンクは、ハード...
<frameset></frameset>は皆さんもよくご存知のものです。こ...
目次遅延読み込みCSS スタイル: HTML部分:スクリプト部分:要約する遅延読み込み名前の通り、私...
目次1. 配列の分離割り当て1.1 配列分離割り当てとは何ですか? 1.2 配列分離割り当てに失敗し...
1. マインドマップ 2. コンテナの構築方法2.1 実験環境の準備(1)環境選択管理ツール: D...