JavaScript の基礎におけるデータ型の詳細な説明

JavaScript の基礎におけるデータ型の詳細な説明

1. データ型

1.1 なぜデータ型が必要なのか?

コンピュータでは、データによって占有する記憶領域が異なります。データを必要なメモリサイズの異なるデータに分割し、記憶領域を最大限に活用するために、異なるデータ型が定義されています。

1.2 変数のデータ型

JavaScript は弱い型付けまたは動的言語であるため、変数のデータ型を事前に宣言する必要はありません。プログラムの実行中に型が自動的に決定されます。 (jsの変数の型は、プログラムの実行時に等号の右側の値のデータ型に基づいてのみ決定されます)

var age = 10; //これは数値データ型です var myName = 'lili'; //これは文字列データ型です

1.3 データ型の分類

JS はデータ型を 2 つのカテゴリに分類します。

単純なデータ型 (数値、文字列、ブール値、未定義、Null) 複雑なデータ型 (オブジェクト)

2. 単純なデータ型(基本データ型)

JavaScript の単純なデータ型とその説明は次のとおりです。

シンプルなデータ型例示するデフォルト値
番号数値型(数値型と浮動小数点型を含む)(例:20、0.12) 0
ブールtrueやfalseなどのブール型は1と0に相当します。間違い
文字列型、引用符付き文字列「」
未定義var a; 変数 a は宣言されているが値が与えられていないため、a=undefined となる未定義
ヌルvar a = null; 変数をnull値として宣言するヌル

2.1 番号

1. デジタルシステム

一般的な基数: 2進数、8進数、10進数、16進数

8進数の範囲: 0から始まる0~7

16進数の数値範囲: 0xから始まる0~9およびA~F

2. デジタル範囲

JavaScript における数値の最大値と最小値

アラート(数値.MAX_VALUE); //1.7976931348623157e+308
アラート(Number.MIN_VALUE); //5e-324
  • 無限大は、どんなデータよりも大きい無限大を表します
  • -無限大は、どんなデータよりも小さいという意味です
  • NaN(非数)は数値以外の値を表します

isNaN()メソッドは、数値でないかどうかを判定して値を返すために使用されます。数値の場合は false を返し、数値でない場合は true を返します。

2.2 文字列

1. 文字列エスケープ文字

エスケープ文字はすべて \ で始まります。よく使用されるエスケープ文字とその説明は次のとおりです。

エスケープ文字の説明\n

改行の意味

エスケープ文字説明
\n

改行の意味

\\スラッシュ\
\' ' シングルクォート
\" " 二重引用符
\tタブインデント
\bスペース、bは空白

2. 文字列の長さ

文字列全体の長さは文字列の長さプロパティから取得できます。

var myname = '私の名前はアンディです';
console.log(myname.length);

2.3 ブール

ブール値には true と false の 2 つの値があり、true は真を意味し、false は偽を意味します。

ブール値を数値に追加すると、true は 1、false は 0 になります。

コンソールログ(true + 1); //2
コンソールログ(偽 + 1); //1

3. データ型変換

3.1 文字列に変換する

方法例示する場合
文字列を変換する()文字列に変換

var 数値 = 1;

アラート(num.toString());

String() 強制変換文字列に変換

var 数値 = 1;

アラート(文字列(数値));

プラス記号連結文字列文字列を連結した結果は文字列である

var 数値 = 1;

alert(num+"私は文字列です");

3.2 デジタルタイプに変換する

方法例示する場合
parseInt(文字列)関数文字列型を整数値に変換するパースInt('18')
parseFloat(文字列)関数文字列型を浮動小数点数に変換するパースフロート('18.88')
Number() 強制変換関数文字列型を数値型に変換する数字('18')
js 暗黙的な変換 (-*/)暗黙的な算術変換を数値型に使用する'14'-0
number() // 数値に変換 number('10') // 10
数値('abc') // NaN
数値(true) // 1
数値(偽) // 0
数値(null) // 0
数値(未定義) // NaN
parseInt() // 数値に変換して切り捨てます // 変換されたデータの先頭から末尾まで整数を取得します。1 つ見つかったら、再度検索しません。整数で始まるコードのみが見つかります。
parseInt('12.345') // 12
parseInt('12abc') // 12
parseInt('abc12') // NaN
parseInt(true) // NaN
parseInt(false) // NaN
parseInt(未定義) // NaN
parseInt(null) // NaN
注意: これらの文字は数字を含み、数字で始まる必要があります。そうでない場合、すべて NaN になります。
parseFloat() // 数値、整数、10 進コードに変換します。
parseFloat('12.345') // 12.345
parseFloat('12.345abc') // 12.345
parseFloat('abc12.345') // NaN
parseFloate(true) // NaN
parseFloat(false) // NaN
parseFloat(未定義) // NaN
parseFloat(null) // NaN
注意: これらの文字は数字を含み、数字で始まる必要があります。そうでない場合、すべて NaN になります。

暗黙的な変換

1. +の左側と右側のどちらかが文字列の場合、もう片方は自動的に連結用の文字列に変換されます。

2. 数学演算子は算術演算のために両辺を数値に変換します - 左辺と右辺のどちらかが文字列の場合、+ 記号はそれらを連結します。どちらの辺にも文字列がない場合、+ 記号は両辺を数値に変換することもできます。

3. 比較演算子の 1 つが数値の場合、もう 1 つは比較のために自動的に数値に変換されます。

3.3 ブール値に変換する

''、0、NaN、null、undefined など、空または負の値を表す値は false に変換されます。その他の値は true に変換されます。文字列はブール型に変換され、空の文字列は false、その他はすべて true になります。

要約する

この記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。

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

<<:  MySQL msiバージョンのダウンロードとインストールの初心者向けの詳細なグラフィックチュートリアル

>>:  CSS3 はクールな 3D 回転遠近法効果を実現します

推薦する

NginxはGzipアルゴリズムを使用してメッセージを圧縮します

HTTP圧縮とは場合によっては、比較的大きなメッセージ データがクライアントとサーバー間で送信され、...

W3C標準に準拠したHTML標準で注意すべき点を詳細に解説

XML/HTML コードコンテンツをクリップボードにコピー<!DOCTYPE html PUB...

VMware Workstation と vSphere 間で仮想マシンを移行する (画像とテキスト)

1. Workstationで仮想マシンのハードウェアバージョンを変更するWorkstation ...

MySQL の null と not null、null と空の値の違いの詳細な説明 ''''

MySQL を長い間使用してきた多くの人は、これら 2 つのフィールド属性の概念をまだよく理解して...

Dockerはrabbitmqのサンプルコードをインストールして実行します

イメージをプルします: [mall@VM_0_7_centos ~]$ sudo docker pu...

純粋な CSS で実装された 3 つの通知バーのスクロール効果

序文通知バー コンポーネントは、比較的一般的なコンポーネントです。基本的に、すべてのサイトにこのよう...

MySQLの左結合と内部結合について簡単に説明します

序文最近、X 省のコールド チェーン トレーサビリティ システムの開発で忙しくしています。毎日午後 ...

Vue プロジェクトで addRoutes を使用する際の問題の解決策

目次序文1. 404 ページ1. 原因2. 解決策2.白い画面を更新する1. 原因2. 解決策3. ...

TCPパフォーマンスチューニングの実装原理とプロセス分析

3ウェイハンドシェイクフェーズクライアントSYNパケットの再試行回数sysctl -w net.ip...

MySQL は低速クエリを可能にします (EXPLAIN SQL ステートメントの使用の概要)

今日、データベース操作はますますアプリケーション全体のパフォーマンスのボトルネックになりつつあり、こ...

Vue2とVue3のライフサイクルの比較の詳細な理解

目次サイクル比較使用法要約するサイクル比較ヴュー2ヴュー3作成前設定作成された設定マウント前マウント...

Vue.jsはシンプルなタイマー機能を実装します

この記事では、参考までに、簡単なタイマー機能を実装するためのvue.jsの具体的なコードを紹介します...

mysqldump を使用した MySql のインポートおよびエクスポート方法の概要

データベースデータをエクスポートします:まずcmdを開いてMySQLのbinフォルダに入ります1. ...

CSS ワールド - コード実践: 画像の Alt 情報の表示

ただし、デフォルトの src を持つ <img> 要素を使用してスクロール読み込み効果を...

ウェブレッスンプラン、初心者向けレッスンプラン

指導トピックウェブページ適用グレード高校2年生授業時間1 クラス教科書分析焦点: 静的および動的ウェ...