この記事はJavaScriptの変数とデータ型を理解するのに役立ちます

序文：

私はフロントエンドではなく、バックエンドで働いています。私の主なプログラミング言語は Java です。ルームメイトが動的なウェブページを作成できるのを見て、私は静的なページしか作成できなかったため、JS を学習しています。さらに、次の学期に JS を学習する必要があるため、事前に学習するためにここに来ました。

親切なヒント:

Java と JavaScript の間には何の違いもありません。Javascript が SUN に買収された後、JavaScript に変更されただけです。第一の理由は SUN の主力製品が Java であるためであり、第二の理由は Java の人気を利用して JavaScript を宣伝し、JavaScript の影響を拡大するためです。

次は本日の乾物を紹介します

変数

変数とは何ですか?

実生活ではプログラミング言語を使ってさまざまなデータを処理する必要がありますが、さまざまなデータはどこに保存されているのでしょうか。答えは変数です。変数は高尚なものではありません。ただ物を入れる箱に過ぎません。ビニール袋と言っても過言ではありません。変数の本質は、メモリ内にデータを格納するためのスペースを作成することです。当ホテルの客室と同様に、1 つの部屋を変数として考えることができます。

変数の使用

変数を使用するには、1. 変数を宣言する、2. 値を割り当てるという 2 つの手順があります。これら 2 つのステップを理解するために、同じ考え方が使われています。ある日、私はホテルに来て、シングルルームを希望すると上司に伝えました。支払いを済ませると、上司は私にルームカードをくれました。これは、私が一定期間その部屋に滞在できることを意味していました。（料金を支払い、上司からカードをもらいましたが、これは申告に相当します）。チェックイン後、空いていた部屋に宿泊者が入りましたが、これは割り当てに相当します。

次に、JSでの変数の使用を見てみましょう。

1. 免責事項

<!DOCTYPE html>
<html>
	<ヘッド>
		<メタ文字セット="utf-8">
		<タイトル></タイトル>
		<スクリプト>
		var 年齢;
		</スクリプト>
	</head>
	<本文>
	</本文>
</html>

var は js のキーワードで、変数を宣言するために使用されます。このキーワードを使用して変数を宣言すると、コンピューターは自動的に変数にメモリ領域を割り当てます。
年齢プログラマーによって定義された変数名。変数名を通じてメモリに割り当てられたスペースにアクセスする必要がある。

2. 譲渡

var age=19; //変数19にageの値を代入する

= は、右側の値を左側の変数スペースに割り当てるために使用されます。
変数値は、プログラマがスペース変数に保存した値です。

3. 2つの小さな文法上の詳細

変数の更新: 変数が再割り当てされると、元の値は上書きされ、変数の値は最後に割り当てられた値に基づきます。

 var 年齢 = 18;
age=19; // 18 は 19 に含まれますので、最終結果は 19 になります

複数の変数を同時に宣言するには、var に続けて、カンマで区切られた変数名を記述します。

 var 年齢、数、平均;

変数宣言の特別なケース

スペシャルワン

 var sex; は宣言されているだけで値が割り当てられていないため、プログラムはそれが何であるかを認識できず、結果は未定義になります。
		console.log(性別);

スペシャル2

 console.log(sex); 値を割り当てず、変数を宣言せずに直接使用するとエラーが報告されます。

スペシャルスリー

qq=90;
console.log(qq); 宣言せずに値を直接割り当てると、エラーは報告されません。 ！ ！
これはとんでもないことですが、JavaScript は非常に自由なので正しいのです。

変数の命名規則

文字（AZ、az）、アンダースコア（_）、ドル記号（$）で構成されます（userNameなど）。
大文字と小文字は厳密に区別されます。 var app; と var App; は2つの変数です
12ageのように数字で始まることはできません。これは誤りです。
var、for、while などのキーワードや予約語にすることはできません。
変数名は意味のあるものでなければならず、その意味は名前から明らかでなければなりません。
キャメルケースに従います。最初の文字は大文字になり、後続の単語の最初の文字も大文字になります。例: myName
推奨翻訳サイト: Youdao、または直接Baidu

なぜデータ型が必要なのでしょうか?

プログラミング言語は、現実の問題に対処するために使用されます。現実の世界では、整数、小数、テキストなど、あらゆる種類のデータを処理する必要があります。それに応じて、プログラミング言語にも整数、浮動小数点数、文字があります。コンピュータでは、異なるタイプのデータが、異なる量の記憶領域を占有します。データを異なる必要なメモリサイズのデータに便利に分割し、記憶領域を最大限に活用するために、異なるデータタイプが定義されています。簡単に言えば、データ型はデータのカテゴリモデルであり、データの分類です。たとえば、名前は「Ye Qiuhan」で、年齢は 18 歳です。これらのデータの種類は異なります。

変数のデータ型

変数は値を格納する場所です。変数には名前と型があります。変数のデータ型によって、それらの値を表すビットがコンピューターのメモリにどのように格納されるかが決まります。JavaScript は弱い型付け言語または動的言語であるため、事前に変数を宣言する必要はありません。

入力すると、プログラムは実行中に自動的に実行されます。

 var age=10; //これは数値です var name='叶秋涵'; //これは文字列です

コードの実行中、変数のデータ型は、= の右側にある変数値のデータ型に基づいて JS エンジンによって決定されます。実行が完了すると、変数のデータ型が決定されます。

jsには動的型付けがあり、同じ変数が異なる型を持つことができる。

 var x=6; //x は数値 var x='哔哩哔哩'; //x は文字列

単純なデータ型（基本データ型）

js のシンプルなデータ型とその説明

シンプルなデータ型	例示する	デフォルト値
番号	数値型、整数値と浮動小数点値を含む（12、0.2022など）	0
ブール	ブール値は、true や false など、1 と 0 に相当する型です。	間違い
弦	「叶秋涵」などの文字列型の場合、JSでは文字列が引用符で囲まれていることに注意してください。	「」
未定義	var a; は変数 a を宣言しますが、値を与えないので、a=undefined となります。	未定義
ヌル	var a=null; 変数aをnull値として宣言する	ヌル

デジタル

1. デジタルシステム

最も一般的な基数は2進数、8進数、10進数、16進数です。

 //1. 8進デジタルシーケンス範囲0〜7
var num1=07; // 10進数の7に相当
var num2=019; //10進数の19に相当
var num3=08 //10進数の8に相当
//2. 16進数の範囲: 0～9、A～F
var num = 0xA;

ここで覚えておかなければならないのは、js では 8 進数の前に 0 を追加し、16 進数の前に 0x を追加するということです。

2. デジタル範囲

js内の値の最大値と最小値

 アラート(Number.MAX_SAFE_INTEGER);//9007199254740991
	アラート(Number.MIN_VALUE); //5e-324

3. デジタルタイプの3つの特別な値

 alert(Infinity); //無限大
	アラート(-無限大); //-無限大
	アラート(NaN); //NaN

無限大は、どんな値よりも大きい無限大を表します
-無限大は、無限小、任意の値よりも小さいことを表します
NaN（非数）は数値以外の値を表します

弦

文字列型は引用符で囲んだ任意のテキストにすることができます。構文は一重引用符 **''と二重引用符""** です。

 var srtAge = '18';
			var strName = '葉秋漢';
			var srtFood = '私はジャンクフードが大好きです';
			//一般的なエラー var srtNum2 = 11; //エラー、引用符がないと js コードとして扱われますが、js にはこれらの構文はありません

HTML タグ内の属性では二重引用符が使用されるため、ここでは一重引用符を使用することをお勧めします。

ネストされた文字列引用符

js は二重引用符を一重引用符でネストしたり、一重引用符を二重引用符でネストしたりできます (外側に二重引用符、内側に一重引用符、内側に一重引用符、外側に二重引用符)

 var strMsy = '私は「プログラマー」のXiao Hanです';
			コンソールログ(strMsy)
			var strMsy2 = "私は「プログラマー」のシャオハンです";
			コンソールログ(strMsy2);
			//よくある間違い var badQuotes = "一体何なんだ?"';
			コンソールログ(strMsy2);

結果は以下のとおりです

ここに画像の説明を挿入

文字列エスケープ文字

HTML の特殊文字と同様に、文字列にもエスケープ文字と呼ばれる特殊文字があります。

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

エスケープ文字	説明
\n	改行文字、nは改行を意味します
\ \	スラッシュ\
\'	一重引用符
\ *	二重引用符
\t	タブインデント
\b	スペース、bは空白を意味します

ブール

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

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

 コンソールログ(true+1);//2
		コンソール.log(false+0);//0

未定義およびNull

宣言後に値が割り当てられていない変数は、デフォルト値が未定義になります（追加または連結する場合は、結果に注意してください）

 var 変数;
			console.log(変数);
			console.log('hello'+変数);
			console.log(11+variable);//+ 接続として機能します console.log(true+variable);

結果は以下のとおりです

ここに画像の説明を挿入

変数にnull値が与えられ、そこに格納される値は空、つまり何もない。

 var vari = null;
			console.log('hello'+vari);
			コンソールログ(11+変数);
			コンソールログ(true+vari);

結果は以下のとおりです

ここに画像の説明を挿入

データ型変換とは何ですか?

フォームを使用する場合、プロンプトで取得するデータのデフォルト値は文字列型です。このとき、単純な加算演算は実行できず、変数のデータ型を変換する必要があります。簡単に言えば、あるデータ型を別のデータ型に変換することです。

3つの一般的な変換方法

文字タイプに変換
デジタルに変換する
ブール値に変換

1. 文字列に変換する

方法	例示する	場合
文字列を変換する()	文字列に変換	var num=1; アラート(num.toString());
String() 強制変換	文字列に変換	var num=1; アラート(文字列(num));
プラス記号連結文字列	文字列を連結した結果は文字列である	var num=1; alert(num+"私は文字列です");

toString()はString()と同じように使われます
変換方法は 3 つあります。最初の 2 つはよく知られています。3 番目の変換はよく使用され、非表示変換とも呼ばれます。

2. デジタルタイプに変換する（ポイント）

（I）jsが提供する関数を使用する

js には、parseInt() と parseFloat() という 2 つの変換関数が用意されています。前者は値を整数に変換し、後者は値を浮動小数点数に変換します。

コードを見れば理解できる

 var 年齢 = 12;
		コンソールにログ出力します。
		//parseInt() を使用して値を整数に変換します console.log(parseInt(age));
		console.log(parseInt('3.12'));//四捨五入 console.log(parseInt('3.89'));//四捨五入 console.log(parseInt('10px'));
		console.log(parseInt('rem120px')) //NaN
		//parseFloat() を使用して値を整数に変換します console.log(parseFloat('3.14'));//3.14
		console.log(parseFloat('120px'));//120 は px 単位を削除します console.log(parseFloat('rem102px'));//NaN js エンジンが rem を読み取ると、それを認識できず、空であると直接判断します

(II) Number()変換関数の強制変換

 var str = '123';
		console.log(数値(str));//123
		console.log(数値('12'));//12

(III) jsの目に見えない変換 (- * /) スプライシングとして機能する+がないことに注意してください

 コンソール.log('12'-0);//12
		コンソール.log('122'+1);//1221
		コンソール.log('123'*123);//15129
		コンソール.log('123'/123);//1

ブール値に変換

方法	例示する	場合
ブール関数	他の型はブール値に変換されます	ブール値('true')

空を表します。負の値は、''、0、NaN、null、undefinedなどのfalseに変換されます。
他のすべての値はtrueに変換されます

 console.log('');//false
		console.log(0);//偽
		console.log(NaN); //偽
		console.log(null);//false
		console.log(未定義); //false
		console.log('小白');//true
		console.log(12);//true