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 リバース プロキシ構成のチュートリアル

nginx をリバース プロキシとして使用する場合、リクエストをそのまま次のサービスに転送するだけで...

HTML 終了タグの問題と W3C 標準

W3C の原則によれば、XML の各開始タグには対応する終了タグが必要です。つまり、<html...

CD コマンドを使わずに Linux でディレクトリ/フォルダに入る方法

ご存知のとおり、cd コマンドがないと、Linux でディレクトリを切り替えることはできません。それ...

Windows CVE-2019-0708 リモート デスクトップ コード実行脆弱性の再現問題

1. 脆弱性の説明マイクロソフトは2019年5月15日、CVE番号CVE-2019-0708のWin...

虫眼鏡効果を実現するJavaScript

この記事では、虫眼鏡効果を実現するためのJavaScriptの具体的なコードを参考までに紹介します。...

VMware Workstation 14 Pro インストール Ubuntu 16.04 チュートリアル

この記事では、VMware Workstation14 ProにUbuntu 16.04をインストー...

Tudou.com フロントエンドの概要

1. 分業とプロセス<br />Tudou.comでは、プロジェクト開発が中核であり、誰...

HTMLテーブルレイアウトの実践的な使い方の詳しい説明

テーブルはいつ使用されますか?最近では、Web ページの全体的なレイアウトにテーブルが使用されること...

MySQL PXC クラスターの構築方法

目次1. PXCの紹介1.1 PXC の紹介1.2 PXC の特徴と利点1.3 PXCの限界と欠点1...

nginxサーバーのダウンロード、インストール、使用方法の詳細な説明

ダウンロードhttp://nginx.org/en/download.html解凍ダウンロードしたn...

JavaScript の条件付きアクセス属性と矢印関数の紹介

目次1. 条件付きアクセス属性2. アロー関数の紹介1. 条件付きアクセス属性?. は ES2020...

マークアップ言語 - リスト再び

123WORDPRESS.COM HTML チュートリアル セクションに戻るには、ここをクリックして...

HTML でのアンカーポイントの使用_PowerNode Java アカデミー

ここで、アンカー ポイントを制御するいくつかの状況をまとめてみましょう。 1. 同じページ <...

IE 環境での css-vars-ponyfill の使用に関する詳細な説明 (nextjs ビルド)

css-vars-ポニーフィルCSS 変数を使用して Web ページのスキニングを実現すると、互換...

vue $setは配列コレクションオブジェクトへの値の割り当てを実装します

Vue $set 配列コレクションオブジェクトの割り当てVue カスタム配列オブジェクト コレクショ...