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 マスター スレーブ クラスターをデプロイする方法

推薦する

LinuxでSVNサーバーを構築する方法

1: SVNをインストールする yum インストール -y サブバージョン2. 倉庫を作る1: 倉庫...

CSSはletter-spacingプロパティを通じて単語間の間隔を制御します。

letter-spacing プロパティ: 文字間のスペース (文字間隔) を増減します。このプロ...

ova ファイルを VMware にインポートする際の落とし穴の概要

問題の原因ご存知のとおり、すべてのネットワーク動作は対応するネットワークトラフィックを生成し、すべて...

Dockerカスタムネットワーク実装

目次1. コンテナ相互接続を実現するためにネットワークをカスタマイズする2. ネットワーク接続1. ...

React-Dropzone をベースにアップロードコンポーネント機能を開発する (サンプルデモ)

今回はReact-Flaskフレームワーク上でアップロードコンポーネントを開発するスキルについてお話...

CSS 命名: BEM、スコープ付き CSS、CSS モジュール、CSS-in-JS の説明

CSS の適用範囲はグローバルです。プロジェクトがどんどん大きくなり、参加する人が増えるにつれて、命...

Linux NFSメカニズムの動作原理と例の分析

NFS とは何ですか?ネットワークファイルシステムネットワーク上でファイルを保存および整理するための...

史上最もシンプルな MySQL データのバックアップと復元のチュートリアル (パート 1) (パート 35)

データのバックアップと復元に関する最初の記事を皆さんに共有します。具体的な内容は次のとおりです。基本...

MySQL 5.7 解凍版のインストールとアンインストール、およびよくある問題の概要

1. インストール1. ダウンロードMySQLをダウンロードするには、MySQL公式サイトhttp:...

Vueは完全な選択機能を実装しています

この記事の例では、完全な選択機能を実装するためのVueの具体的なコードを参考までに共有しています。具...

IIS7 IIS8 http は自動的に HTTPS にジャンプします (ポート 80 はポート 443 にジャンプします)

IIS7 では、「URL REWRITE2」疑似静的モジュールがインストールされているかどうかを確...

Vue+ElementUI で超大規模なフォーム例を処理する方法

最近、社内の業務調整により、以前の超長文のロジックが大幅に変更されたため、リファクタリングする予定で...

VMware Workstation 12 Pro Linux インストール チュートリアル

この記事は、VMware Workstation 12 ProのインストールLinuxチュートリアル...

MySQLは実際に分散ロックを実装できる

序文前回の記事では、eコマース シナリオでのフラッシュ セールの例を通じて、モノリシック アーキテク...

2つのシンプルなメニューナビゲーションバーの例

メニューバーの例 1: コードをコピーコードは次のとおりです。 <!DOCTYPE html ...