JavaScript データ型の詳細な説明

JavaScript データ型の詳細な説明

1. リテラル

固定値を表すために使用される表現。定数とも呼ばれます。

1.1 数値リテラル

ここに画像の説明を挿入

<スクリプト>
    // 整数リテラル // 小数点 console.log(12);
    // 8進数 console.log(010);
    // 16進数 console.log(0x100);
</スクリプト

エフェクト表示

ここに画像の説明を挿入

1.2 浮動小数点リテラル

浮動小数点数は基数を区別せず、すべての浮動小数点数は 10 進数です (注: 浮動小数点数が 0 から 1 の間である場合、先頭の 0 は省略できます。たとえば、0.6 は .6 と表記できます)。浮動小数点数の精度は、10 進数よりもはるかに低くなります。

// 浮動小数点リテラル console.log(1.2);
コンソールログ(-1.2);
コンソールログ(0.1343);
コンソールログ(.1343);
コンソールログ(1.2e4);
コンソールログ(1.2e-4);

エフェクト表示

ここに画像の説明を挿入

1.3 特別な値

無限

// 無限
console.log(数値.MAX_VALUE);
console.log(数値.MIN_VALUE);
コンソールログ(5e789);
コンソールログ(-5e789);
コンソールログ(無限大);

エフェクト表示

ここに画像の説明を挿入

NaN : 正規数ではない

isNaN() はデータが NaN かどうかを判断します。

// 非数
コンソールログ(0 / 0);
コンソールログ(isNaN(0 / 0));
コンソールログ(isNaN(22));

エフェクト表示

ここに画像の説明を挿入

1.4 文字列リテラル

文字列リテラル:

一重引用符または二重引用符で囲みます。引用符の間には任意の数の文字を入れることができます。文字がない場合は空の文字列になります。 (注: 文字列に二重引用符が含まれている場合は、一重引用符で囲む必要があります。その逆も同様です)

// 文字列リテラル console.log("これは '文字列' です");
コンソールログ("123");
console.log("000%$*^");
コンソールログ(" ");
コンソールログ("");

エフェクト表示

ここに画像の説明を挿入

**エスケープ文字**:

ここに画像の説明を挿入

// エスケープ文字 console.log("hello");
console.log("こんにちは");
console.log("こんにちは\"ya\"");

エフェクト表示

ここに画像の説明を挿入

変数

2.1 変数の定義

変数: コンピュータに保存されているデータの識別子。変数名に基づいてメモリ内のデータを取得できます。

変数の宣言: 変数を使用する前に定義して作成します。変数が使用前に定義されていない場合は、参照エラーが発生します。

定義方法: var の後にスペースを追加し、その後に変数名を追加します。

ここに画像の説明を挿入

//変数定義 var name;
var ユーザー名;
var a;
var b1;

2.2 変数の割り当て

変数が定義された後、その変数のデフォルト値は undefined になります。変数に値が割り当てられると、変数であっても、あらゆるタイプのデータを内部に格納できます。

var は、カンマで区切って複数の変数を同時に定義できます。

コードは次のとおりです(例):

// 変数定義 var name;
var ユーザー名;
var a;
var b1;

// 変数の割り当て var a=1,b=2,c=3;
a = a + b + c;
コンソールにログ出力します。

エフェクト表示:

ここに画像の説明を挿入

3. データ型

3.1 単純なデータ型

ここに画像の説明を挿入

複合データ型オブジェクト。

3.2 データ型の検出

typeof を使用してデータ型を検出し、その後に括弧を追加し、括弧内にパラメータを記述します。 (変数のデータ型は可変であり、値が割り当てられるとデータ型は異なります)
コードは次のとおりです(例):

コンソールログ(typeof(6.8));
コンソールログ(typeof(-1));
console.log(typeof(NaN));
コンソールログ(typeof(false));
コンソールログ(typeof66);
コンソールログ(typeof66+3);

エフェクト表示

ここに画像の説明を挿入

3.3 データ型変換

(1)文字列に変換する

toString() と String() はデータを文字列型に変換します。

「+」の特徴は、両側に文字列があれば、文字列を連結できることです。両辺に数字がある場合は算術関数です。

(2)デジタルタイプに変換する

Number() は他のタイプのデータを数値タイプに変換できます。

文字列を整数に変換する parseInt() メソッド: 浮動小数点数を丸めて文字列を整数に変換できます。 (数値文字列の場合)
parseFloat() は浮動小数点数に変換します。

(3)ブール型に変換する

Boolean() は、あらゆるタイプのデータを変換し、他のデータをブール値に変換できます。

false に変換されます: NaN、0、""、空の文字列、null、未定義

true に変換: 0 以外、NaN 以外、空でない文字列

// 文字列型に変換 console.log(true.toString());
コンソールログ(文字列(2333));
コンソールログ(1 + "");

//デジタル型に変換 console.log(Number("11aa"));
console.log(parseInt("123.11ac")); //整数に変換 console.log(parseFloat("12.123hh"));

// ブール型に変換 console.log(Boolean(NaN));
console.log(ブール値(""));
console.log(ブール値(未定義));
console.log(ブール値(" "));
コンソールログ(ブール値(123));

3.4 プロンプトがデータ変換を受信する

// var num = prompt("10 以内の数字を入力してください");
// num = parseInt(num);
// console.log(typeof(num));

// 簡略化された記述 var num = parseInt(prompt("10 以内の数字を入力してください"));
数値 = 数値 + 3;
console.log(数値);

IV. 結論

これでデータ型の学習は終了です。フロントエンドの学習を続けて、新しい自分に出会えることを期待しましょう。

ここに画像の説明を挿入

JavaScript データ型の詳細な知識に関するこの記事はこれで終わりです。より関連性の高い js データ型については、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • JavaScript データ型変換
  • JavaScript の基本構文とデータ型の紹介
  • JS を始めるための 8 つの必須データ型
  • JavaScriptのデータ型の最も詳細な説明を見てみましょう
  • js の基本的なデータ型の詳細な説明
  • 8つのJavaScriptデータ型
  • JavaScript の 7 つのデータ型の詳細な説明
  • JavaScript の基礎におけるデータ型の詳細な説明
  • JavaScript のデータ型入門

<<:  史上最も簡単な MySQL データのバックアップと復元のチュートリアル (パート 2) (パート 37)

>>:  Docker を使用して MySQL 5.7 および 8.0 マスター スレーブ クラスターをデプロイする方法

推薦する

ルートパスワードを変更するための MySQL 設定、MySQL サーバー接続、MySQL 共通コマンド図

1. ルートパスワードの設定と変更mysql が起動しているかどうかを確認します。起動していない場合...

HTML で余分なテキストを省略記号に変換する方法

HTML で余分なテキストを省略記号として表示したい場合は、いくつかの方法があります。 1行テキスト...

MySQL 更新セットとの違い

目次問題の説明原因分析解決問題の説明最近、奇妙な問い合わせを受けました。更新ステートメントはエラーな...

ノードスクリプトで自動サインインと抽選機能を実現

目次1. はじめに2. 準備3. スクリプトプロジェクトの構築4. コードの作成と実行5. まとめと...

docker-machineの使い方の詳しい説明

Docker-machineはDockerが公式に提供しているDocker管理ツールです。これは d...

Docker で Let's Encrypt から永久無料 SSL 証明書を取得する方法

1. 原因公式の cerbot は面倒すぎます。野生の成長よりもさらに悪い acme.sh の使用は...

Tomcat の文字化けしたコードとポート占有の解決方法について簡単に説明します

Tomcat サーバーは、無料でオープン ソースの Web アプリケーション サーバーです。軽量のア...

時点別のMySQLデータベース復旧実績

はじめに: 時間ポイントによる MySQL データベースの復旧どの企業にとっても、データは最も価値の...

HTML におけるブロックコメントの使用に関する詳細な紹介

HTML の一般的なコメント: <!--XXXXXXXX--> (XXXXXXXX はコ...

ウェブサイト制作におけるオンライン広告の新しいインタラクティブ体験(グラフィックチュートリアル)

インターネット時代が成熟するにつれて、オンライン広告の発展も加速しています。圧倒的な広告収入と完璧な...

CSS ラベルモード表示プロパティの詳細な説明

コードは次のようになります。 <!DOCTYPE html> <html> ...

グローバルトーストコンポーネントをカプセル化するVueの完全な例

目次序文1. vue-cliを使う1. Toastコンポーネントを定義する2. main.jsで設定...

Canonical が Flutter で Linux デスクトップ アプリを有効化 (推奨)

Google の Flutter の目標は、どのプラットフォームを使用していても、ネイティブの速度...

Vue ElementUI は非同期読み込みツリーを実装します

この記事の例では、vue ElementUI の非同期読み込みツリーを実装するための具体的なコードを...

vue+antv でレーダーチャートを実装するためのサンプルコード

1. 依存関係をダウンロードするnpm インストール @antv/データセットnpm インストール ...