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 回転遠近法効果を実現します

推薦する

クロスブラウザの問題に対する 5 つの解決策 (要約)

簡単なレビュー: ブラウザの互換性の問題は、しばしば頭痛の種となります。ここでは、これらの問題を回避...

Nginx 仮想ホストを構成する 3 つの方法 (ポートベース) の詳細な説明

Nginx は、IP ベースの仮想ホスト構成、ポート ベースの仮想ホスト構成、ドメイン名ベースの仮想...

MySQL シリーズ 4 SQL 構文

目次チュートリアルシリーズ1. SQL言語の紹介と仕様2. データベース操作1. ライブラリを作成す...

JavaScript でネットワーク速度をテストする方法

目次序文ネットワーク速度のフロントエンド判定原理のまとめ1. img を読み込むか Ajax リクエ...

CnBlogs カスタムブログスタイルの共有

半夜かけてようやくブログのスタイルを大体完成させることができました。ブログ全体が青を基調としていて、...

システムエラー 1067 を解決するための MySQL データベース グリーン バージョンのインストール チュートリアル

ソフトウェアのグリーンバージョンとインストールバージョンの違いは何ですか?通常、ファイルのインストー...

Vue+nodeはオーディオ録音・再生機能を実現

結果: コードロジックを実装するのが主な部分であり、具体的なページ構造を一つ一つ紹介することはありま...

Vueは画像のドラッグアンドドロップ機能を実装します

この記事の例では、画像のドラッグアンドドロップ機能を実現するためのVueの具体的なコードを参考までに...

MySQL でパーティション分割後にクエリを実装するために MRG_MyISAM (MERGE) を使用する例

大量のデータベース データを最適化することは非常に高度な科学であり、開発者が習得する必要がある専門的...

Linux におけるゼロコピー技術の使用に関する簡単な分析

この記事では、Linux におけるいくつかの主要なゼロコピー テクノロジと、ゼロコピー テクノロジを...

HTML における iFrame タグの 2 つの使用法

最近、私は「ぶどうコレクション」というプロジェクトに取り組んでいます。簡単に言うと、Budou ペー...

1つのSQL文でMySQLの重複排除が完了し、1つが保持されます。

数日前、ある要件に取り組んでいたとき、MySQL で重複レコードをクリーンアップする必要がありました...

LAMP ソースコードを使用したエンタープライズレベルのインストールチュートリアル

目次LAMPアーキテクチャ1.ランプの紹介2. WebサービスワークフローWebサーバーのリソースは...

CSSセレクターでの正規表現の使用

はい、CSS にも正規表現があります (アーメン) CSS で目立つための 2 つの強力なツール: ...

nginxとバックエンドポート間の競合の解決策

質問: Alice 管理システムを開発しているときに、すべてのバックエンド インターフェイスが最初の...