TypeScriptの基本型の詳細な説明

TypeScriptの基本型の詳細な説明

ブール型

// ブール型 ---> 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 のその他のコンテンツにも注目していただければ幸いです。

以下もご興味があるかもしれません:
  • TypeScriptの一般的な型と応用例の説明
  • Typescriptタイプを使用してフィボナッチを計算する方法を教えます
  • TypeScript マッピング型の詳細
  • TypeScript 列挙型
  • TypeScript の基本型の紹介
  • TypeScriptの型を一緒に学びましょう

<<:  MySQL における tinyint と int の違いの詳細な説明

>>:  CSS3で実装された水平ヘッダーメニュー

推薦する

検索履歴を実装するjQueryプラグイン

毎日jQueryプラグイン - 検索履歴を作成するためのものです。参考までに、具体的な内容は次のとお...

友達やグループを見つけるためのJavaScriptのLayim

現在、layuiの関係者はlayim友達検索ページの構造とスタイルを提供していません。私は個人的に非...

Windows での MySQL 8.0.18 インストール チュートリアル (図解)

ダウンロードダウンロードアドレス: https://dev.mysql.com/downloads/...

Ubuntu の MySQL のパラメータ ファイル my.cnf の詳細な分析

序文MySQL に関する私の理解に基づくと、パフォーマンスの最適化作業やマスター スレーブ レプリケ...

Vue 仮想 Dom から実際の Dom への変換

別のツリー構造があるJavascriptオブジェクトでは、このツリーが本物であると伝えるだけでよいD...

CSS3 で実装された価格表

結果: 実装コードhtml <div id="価格表" class=&qu...

VMware 仮想マシンで Linux の IP アドレスを表示する方法

1. まず、コンピュータのデスクトップにある VMware アイコンをダブルクリックしてソフトウェア...

HTMLヘッダータグの使用に関する詳細な説明

HTMLはヘッドとボディの2つの部分で構成されています** ヘッド内のタグはヘッドタグです** タイ...

Centos サーバーで nginx を設定する方法の例

セキュアターミナルMobaXterm_Personalをダウンロードまず、安全なターミナルをダウンロ...

mysql8.0.19 winx64バージョンのインストール問題を解決する

MySQL は、スウェーデンの会社 MySQL AB によって開発されたオープンソースの小規模なリレ...

MySQL データベースを手動および自動でバックアップする 8 つの方法

MySQL は人気のオープンソースデータベース管理システムとして多くのユーザーが利用しています。デー...

MySql データベースのサブクエリと高度なアプリケーションの簡単な分析

MySql データベースのサブクエリ:サブクエリ: 選択クエリ ステートメント内に別の選択ステートメ...

docker インストール後に hello-world を実行する問題を解決する

yumを使用してcentos7.3にDocker V1.13.1をインストールしましたしかし、doc...

静的リソースファイルのアクセスログをフィルタリングするNginxの実装

乱雑なログ日常的に使用される Nginx は、静的リソース サーバーとリバース プロキシ サーバーの...

TypeScript の条件型に関する詳細な読書と実践記録

目次ジェネリック型での条件型の使用ツールタイプ脱出ポッド矢印関数で条件型を使用する型推論による条件型...