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

推薦する

Node.js での組み込みモジュールとカスタムモジュールの実装

1. コモンズCommonjsはNode.jsのカスタムモジュールですCommonjs 仕様は、Ja...

Windows 10 での mysql-8.0.17-winx64 のインストール方法

1.公式サイトからダウンロードして解凍する参考: ダウンロード後、zip 圧縮ファイル (mysql...

MySQLセグメンテーション関数substring()の具体的な使用法

MySQL には、主に left()、right()、substring()、substring_i...

Windows 10 システムに mysql-8.0.13 (zip インストール) をインストールする詳細なチュートリアル

インストール環境の説明•システムバージョン: windows10 •MySQL バージョン: mys...

Vue ミックスインの使い方の詳しい説明

目次Vue ミックスインの使用ミックスインでのデータアクセスミックスイン/index.jsホーム.v...

フレックスレイアウトではサブアイテムの高さを維持できる

Flex レイアウトを使用すると、水平に配置すると、すべての子項目の高さが同じになることがわかります...

VueはOSSを使用して画像や添付ファイルをアップロードします

OSS を使用して Vue プロジェクトに画像や添付ファイルをアップロードするここでは、写真のアップ...

NextCloud プライベート クラウド ストレージ ネットワーク ディスクの構築に関する詳細なチュートリアル

Nextcloud は、オープンソースで無料のプライベート クラウド ストレージ ネットワーク ディ...

Mysql テーブル、列、データベースの追加、削除、変更、クエリの問題の概要

以下は私がまとめた基本的なSQL知識です。主に参考資料として、また将来の他の初心者の助けとして、私自...

Windows2008 64 ビット システムでの MySQL 5.7 グリーン バージョンのインストール チュートリアル

序文この記事では、MySQL 5.7 グリーン バージョンのインストール チュートリアルを紹介します...

JS を使用して HTML で回転するクリスマスツリーを実装する

<!DOCTYPE ヘムル パブリック> <html> <ヘッド&g...

.html、.htm、.shtml、.shtm の違いと関連性について簡単に説明します。

ご存知のとおり、私たちが毎日閲覧する Web ページ、Web サイト、または Web ページには独自...

win10にUbuntu18デュアルシステムをインストールするとmmx64.efiが見つからないという問題が発生する

Ubuntu 18のインストール中に、USBディスクからUbuntuのインストールを開始すると、mm...

lnmp を使用して MySQL データベースのルート パスワードをリセットする 2 つの方法

最初の方法: Junge のワンクリック スクリプトを使用して、LNMP 環境で MYSQL データ...

要素フォーム検証で検証プロンプトをクリアする方法

目次問題のシナリオ:解決: 1. フィールドを個別にチェックする2. フォームフィールドの下のフィー...