プログラミング言語の場合、変数とデータ型を含める必要があります。今日は、JavaScript スクリプト言語の変数とデータ型を見ていきます。
と Java や C などの他の高級プログラミング言語と比較すると、JavaScript は非常にシンプルです。
1. 変数
JavaScript 変数は、あらゆる種類のデータを保存するために、いわゆる緩い型付けが使用されます。変数は情報を保存するためのコンテナです。変数を定義するときは、var 演算子 (var はキーワード) の後に変数名 (変数名は識別子) を使用します。変数とは、初期化後に再度変更できる量です。
それでは例を見てみましょう:
<span style="font-size:18px;">var x=2; var y=3; var z=2+3; document.write(x + "<br>"); document.write(y + "<br>"); document.write(z + "<br>");</span>
代数と同じように: x=2, y=3 , z=x y 代数では、値 (2 など) を保持するために文字 (x など) を使用します。上記の式 z=x y を通じて、z の値が 5 であると計算できます。 JavaScript では、これらの文字を変数と呼びます。したがって、変数はデータを保存するためのコンテナーと考えることができます。
(1) JavaScript 変数名
代数と同様に、JavaScript 変数は値 (x=2 など) や式 (z など) を格納するために使用できます。 =x y)。変数には、短い名前 (x や y など) またはよりわかりやすい名前 (年齢、合計、総体積など) を付けることができます。
以下の点に注意してください:
1 変数は文字で始める必要があります
2 変数は $ および _ 記号で始めることもできます (ただし、これはお勧めしません)
3 変数名前 大文字と小文字が区別されます (y と Y は異なる変数です)
(2) JavaScript データ型
JavaScript 変数には、テキスト値などの他のデータ型も格納できます。 ( name="ビル・ゲイツ")。 JavaScript では、「Bill Gates」のようなテキストを文字列と呼びます。 JavaScript 変数には多くの種類がありますが、ここでは数値と文字列だけに焦点を当てます。テキスト値
を変数に割り当てるときは、値を二重引用符または一重引用符で囲む必要があります。変数に数値を代入する場合は、引用符を使用しないでください。数値を引用符で囲むと、その値は
によってテキストとして扱われます。データ型については後ほど詳しく説明します。
例:
<span style="font-size:18px;">var pi=3.14; var name="Bill Gates"; var answer='Yes I am!'; document.write(pi + "<br>"); document.write(name + "<br>"); document.write(answer + "<br>");</span>
(3) JavaScript 変数の宣言 (作成) JavaScript で変数を作成することは、変数の「宣言」と呼ばれることがよくあります。プログラミングの良い習慣は、コードの先頭で必要な変数を均一に宣言することです。 var を使用せずに変数を宣言することもできますが、これはお勧めできません。
var キーワードを使用して変数を宣言します: var carname;
変数が宣言された後、変数は空になります (値がありません)。変数に値を割り当てるには、等号を使用します: carname="Volvo";
ただし、宣言時に変数に値を割り当てることもできます: var carname="Volvo";
例: carname 変数という名前の変数を作成し、値「Volvo」を割り当てて、id="demo" を使用して HTML 段落に挿入します。
<span style="font-size:18px;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JS变量和数据类型</title>
</head>
<body>
<p>点击这里来创建变量，并显示结果。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script type="text/javascript">
function myFunction()
{
var carname="Volvo";
document.getElementById("demo").innerHTML=carname;
}
</script>
</body>
</html></span>
1 つのステートメントを使用して宣言できます多くの変数。ステートメントは var で始まり、コンマを使用して変数を区切ります:
var name="Gates", age=56, job="CEO";
ステートメントは複数行にまたがることもできます:
<span style="font-size:18px;">var name="Gates", age=56, job="CEO";</span>を実行すると、変数 carname の値は未定義になります: var carname;
(5) JavaScript 変数
を再宣言します。変数、変数の値は失われません: 次の 2 つのステートメントの実行後、変数 carname の値は依然として「Volvo」です:
<span style="font-size:18px;">var carname="Volvo"; var carname;</span>(6) JavaScript 算術演算
JavaScript 変数を使用できます。 算術演算を行うには、 や などの演算子が使用されます:
例:
<span style="font-size:18px;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JS变量和数据类型</title>
</head>
<body>
<p>假设 y=5，计算 x=y+2，并显示结果。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script type="text/javascript">
function myFunction()
{
var y=5;
var x=y+2;
var demoP=document.getElementById("demo")
demoP.innerHTML="x=" + x;
}
</script>
</body>
</html></span>
JavaScript データ型には、文字列、数値、ブール値、配列、オブジェクト、Null、および未定義が含まれます。データ型について説明する前に、まず演算子 typeof について説明します。
typeof 演算子 typeof 演算子は、変数のデータ型を検出するために使用されます。値または変数に対して typeof 演算子を使用すると、次の文字列が返されます:
<span style="max-width:90%">var box='English'; alert(typeof box); alert(typeof English);</span>
上述两种方式都是可行的。
typeof操作符可以操作变量，也可以操作字面量。虽然可以这样使用，typeof(box),但，typeof是操作符而非内置函数。函数是对象，不是一种数据类型，所以，使用typeof来区分function和object是非常有必要的。
返回值是函数的例子：
<span style="font-size:18px;">function box(){
}
alert(typeof box);//box是Function函数，值是function box(){}，类型返回的字符串是function。</span>(1)JavaScript拥有动态类型
JavaScript拥有动态类型。这意味着相同的变量可用作不同的类型：
实例：
<span style="font-size:18px;">var x //x为undefined var x = 6; //x为数字 var x = "Bill"; //x为字符串</span>
(2)JavaScript字符串String类型
字符串是存储字符的变量。字符串可以是引号中的任意文本。您可以使用单引号或双引号：;
实例:可以在字符串中使用引号，只要不匹配包围字符串的引号即可
<span style="font-size:18px;">var carname1="Bill Gates"; var carname2='Bill Gates'; var answer1="Nice to meet you!"; var answer2="He is called 'Bill'"; var answer3='He is called "Bill"'; document.write(carname1 + "<br>") document.write(carname2 + "<br>") document.write(answer1 + "<br>") document.write(answer2 + "<br>") document.write(answer3 + "<br>")</span>
字符串类型还定义了转义字符：
(3)JavaScript数字
JavaScript只有一种数字类型。数字可以带小数点，也可以不带。Number类型包含两种数值：整型和浮点型。输出的格式均按照十进制数输出。最基本的数值字面量是十进制。也包括八进制数值字面量，前导必须是0，八进制序列(0到7，以8为基数)；十六进制字面量前面两位必须是0x，后面的是(0到9及A到F)；浮点类型，就是该数值中必须包含一个小数点，并且小数点后面必须至少有一位数字。
1对于那些过大或过小的数值，我们可以采用科学计数法(e表示法)，用e表示该数值的前面10的指数次幂。例如：
<span style="font-size:18px;"><span style="font-size:18px;">var box=4.12e-9;</span></span>
2要想确定一个数值到底是否超过了规定范围，可以使用isFinite()函数，如果没有超过，返回true，超过了返回false。
3isNaN()函数用来判断这个值到底是不是NaN。isNaN()函数在接收到一个值后，会尝试将这个值转换为数值。
isNaN()函数也适用于对象。在调用isNaN()函数过程中，首先会调用value()方法，然后确定返回值是否能够转换为数值。如果不能，则基于这个返回值再调用toString()方法，再测试返回值。
实例：
<span style="font-size:18px;">var x1=36.00; var x2=36; var y=123e5; var z=123e-5; document.write(x1 + "<br />") document.write(x2 + "<br />") document.write(y + "<br />") document.write(z + "<br />")</span> (4)JavaScript布尔 布尔(逻辑)只能有两个值:true或false。例如： var x=true； var y=false；(4)JavaScript数组
数组下标是基于零的，所以第一个项目是[0]，第二个是[1]，以此类推。下面的代码创建名为cars的数组：
<span style="font-size:18px;">var cars=new Array(); cars[0]="Audi"; cars[1]="BMW"; cars[2]="Volvo";</span>
或者：
<span style="font-size:18px;">var cars=new Array("Audi","BMW","Volvo"); </span>实例
<span style="font-size:18px;">var i;
var cars = new Array();
cars[0] = "Audi";
cars[1] = "BMW";
cars[2] = "Volvo";
for (i=0;i<cars.length;i++)
{
document.write(cars[i] + "<br>");
}</span>输出的结果很容易知道。
(5)JavaScript对象
对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔：
var person={firstname:"Bill", lastname:"Gates", id:5566};
上面例子中的对象(person)有三个属性：firstname，lastname以及id。空格和折行无关紧要。声明可横跨多行：
var person={
firstname : "Bill",
lastname : "Gates",
id: 5566
}; 对象属性有两种寻址方式：
实例
var person={
firstname : "Bill",
lastname : "Gates",
id: 5566
};
document.write(person.lastname + "
");
document.write(person["lastname"] + "
"); (6)Undefined和Null
Undefined这个值表示变量不含有值。可以通过将变量的值设置为null来清空变量。
Undefined类型
var box; alert(typeof box);//box是Undefined类型，值是undefined，类型返回的字符串是undefined。
Null类型
var box=null; alert(typeof box);//box是Null类型，值是null，类型返回的字符串是object。
(7)声明变量类型
JavaScript变量均为对象。当您声明一个变量时，就创建了一个新的对象。当声明新变量时，可以使用关键词"new"来声明其类型：
var carname=new String; var x= new Number; var y= new Boolean; var cars= new Array; var person= new Object;
以上就是详解JavaScript的变量和数据类型_javascript技巧的内容，更多相关内容请关注PHP中文网（www.php.cn）！
JavaScript in Action：実際の例とプロジェクトApr 19, 2025 am 12:13 AM現実世界でのJavaScriptのアプリケーションには、フロントエンドとバックエンドの開発が含まれます。 1）DOM操作とイベント処理を含むTODOリストアプリケーションを構築して、フロントエンドアプリケーションを表示します。 2）node.jsを介してRestfulapiを構築し、バックエンドアプリケーションをデモンストレーションします。
JavaScriptとWeb：コア機能とユースケースApr 18, 2025 am 12:19 AMWeb開発におけるJavaScriptの主な用途には、クライアントの相互作用、フォーム検証、非同期通信が含まれます。 1）DOM操作による動的なコンテンツの更新とユーザーインタラクション。 2）ユーザーエクスペリエンスを改善するためにデータを提出する前に、クライアントの検証が実行されます。 3）サーバーとのリフレッシュレス通信は、AJAXテクノロジーを通じて達成されます。
JavaScriptエンジンの理解：実装の詳細Apr 17, 2025 am 12:05 AMJavaScriptエンジンが内部的にどのように機能するかを理解することは、開発者にとってより効率的なコードの作成とパフォーマンスのボトルネックと最適化戦略の理解に役立つためです。 1）エンジンのワークフローには、3つの段階が含まれます。解析、コンパイル、実行。 2）実行プロセス中、エンジンはインラインキャッシュや非表示クラスなどの動的最適化を実行します。 3）ベストプラクティスには、グローバル変数の避け、ループの最適化、constとletsの使用、閉鎖の過度の使用の回避が含まれます。
Python vs. JavaScript：学習曲線と使いやすさApr 16, 2025 am 12:12 AMPythonは、スムーズな学習曲線と簡潔な構文を備えた初心者により適しています。 JavaScriptは、急な学習曲線と柔軟な構文を備えたフロントエンド開発に適しています。 1。Python構文は直感的で、データサイエンスやバックエンド開発に適しています。 2。JavaScriptは柔軟で、フロントエンドおよびサーバー側のプログラミングで広く使用されています。
Python vs. JavaScript：コミュニティ、ライブラリ、リソースApr 15, 2025 am 12:16 AMPythonとJavaScriptには、コミュニティ、ライブラリ、リソースの観点から、独自の利点と短所があります。 1）Pythonコミュニティはフレンドリーで初心者に適していますが、フロントエンドの開発リソースはJavaScriptほど豊富ではありません。 2）Pythonはデータサイエンスおよび機械学習ライブラリで強力ですが、JavaScriptはフロントエンド開発ライブラリとフレームワークで優れています。 3）どちらも豊富な学習リソースを持っていますが、Pythonは公式文書から始めるのに適していますが、JavaScriptはMDNWebDocsにより優れています。選択は、プロジェクトのニーズと個人的な関心に基づいている必要があります。
C/CからJavaScriptへ：すべてがどのように機能するかApr 14, 2025 am 12:05 AMC/CからJavaScriptへのシフトには、動的なタイピング、ゴミ収集、非同期プログラミングへの適応が必要です。 1）C/Cは、手動メモリ管理を必要とする静的に型付けられた言語であり、JavaScriptは動的に型付けされ、ごみ収集が自動的に処理されます。 2）C/Cはマシンコードにコンパイルする必要がありますが、JavaScriptは解釈言語です。 3）JavaScriptは、閉鎖、プロトタイプチェーン、約束などの概念を導入します。これにより、柔軟性と非同期プログラミング機能が向上します。
JavaScriptエンジン：実装の比較Apr 13, 2025 am 12:05 AMさまざまなJavaScriptエンジンは、各エンジンの実装原則と最適化戦略が異なるため、JavaScriptコードを解析および実行するときに異なる効果をもたらします。 1。語彙分析：ソースコードを語彙ユニットに変換します。 2。文法分析：抽象的な構文ツリーを生成します。 3。最適化とコンパイル：JITコンパイラを介してマシンコードを生成します。 4。実行：マシンコードを実行します。 V8エンジンはインスタントコンピレーションと非表示クラスを通じて最適化され、Spidermonkeyはタイプ推論システムを使用して、同じコードで異なるパフォーマンスパフォーマンスをもたらします。
ブラウザを超えて：現実世界のJavaScriptApr 12, 2025 am 12:06 AM現実世界におけるJavaScriptのアプリケーションには、サーバー側のプログラミング、モバイルアプリケーション開発、モノのインターネット制御が含まれます。 2。モバイルアプリケーションの開発は、ReactNativeを通じて実行され、クロスプラットフォームの展開をサポートします。 3.ハードウェアの相互作用に適したJohnny-Fiveライブラリを介したIoTデバイス制御に使用されます。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
SublimeText3 中国語版
中国語版、とても使いやすい
Dreamweaver Mac版
ビジュアル Web 開発ツール
AtomエディタMac版ダウンロード
最も人気のあるオープンソースエディター
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
MinGW - Minimalist GNU for Windows
このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。
