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

推薦する

sed コマンドを使用して文字列を置換する Linux チュートリアル

文字列を置き換えるには、次の形式を使用する必要があります。 $ sed s/置換対象文字列/置換文字...

Nginx 構成の場所の一致ルールの例の説明

nginx の設定命令のスコープは、main、server、location の 3 種類に分けられ...

Docker のポート解放失敗の解決策

今日、非常に奇妙な状況に遭遇しました。docker イメージを更新した後、docker-compos...

MySQL 8.0.12 クイックインストールチュートリアル

MySQL 8.0.12 のインストールには 2 日かかり、さまざまな問題が発生しました。以下にまと...

LinuxスレッドのPID(TID、LWP)を取得するいくつかの方法の詳細な説明

Linux C/C++ では、スレッド レベルの操作は通常、pthread ライブラリを通じて実行さ...

Linux システム MySQL8.0.19 クイックインストールと構成チュートリアル図

目次1. 環境の紹介2. MySQL-8.0.19をインストールする3. MySQLを設定する1. ...

Vue フィルターの使用とタイムスタンプ変換の問題

目次1. 概念をすぐに認識する: 2. ローカルフィルター: 3. グローバルフィルター: 4. 拡...

Linux での Jenkins の詳細なインストール手順

目次1. JDKをインストールする2. Jenkinsをインストールする3. Jenkinsの設定を...

MySQLの整数および文字列インデックスの無効化または暗黙的な変換に関する簡単な説明

目次問題の概要問題の再現問題の拡大結論は問題の概要今日、仕事中に、DBA が突然、SQL に暗黙的な...

HTMLエンコードによる文字化け問題について

今日、3年生から質問がありました。彼が書いた HTML コードを開くと、文字化けした文字が表示されま...

HTML で自動ページジャンプを実現する 5 つの方法

前回の記事では、HTML ページが 3 秒後に自動的にジャンプする一般的な 3 つの方法を紹介しまし...

Mysql general_log をクリーンアップする方法の概要

方法1: グローバル general_log を 'OFF' に設定します。 テーブ...

MySQL UNION演算子の基本知識ポイント

MySQL UNION 演算子このチュートリアルでは、MySQL UNION 演算子の構文と例を紹介...

Vue はコンポーネント間の通信をどのように実装しますか?

目次1. 父と息子のコミュニケーション1.1 親コンポーネント --> 子コンポーネント1.2...

Linux における「/」と「~」の違いの詳細な説明

「/」はルートディレクトリ、「~」はホームディレクトリです。 Linux ストレージはツリー状にマウ...