JavaScriptの変数とデータ型を詳しく解説_JavaScriptスキル
プログラミング言語の場合、変数とデータ型を含める必要があります。今日は、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="max-width:90%">var name="Gates", age=56, job="CEO";</span>
(5) JavaScript 変数
を再宣言します。変数、変数の値は失われません: 次の 2 つのステートメントの実行後、変数 carname の値は依然として「Volvo」です:
<span style="font-size:18px;">var carname="Volvo"; var carname;</span>
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="max-width:90%"><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；
数组下标是基于零的，所以第一个项目是[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）！
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
7368
15
1628
14
1354
52
1266
25
1214
29
MySQL の性別フィールドに最適なデータ型は何ですか?
Mar 15, 2024 am 10:24 AM
MySQL では、性別フィールドに最も適したデータ型は ENUM 列挙型です。 ENUM 列挙型は、可能な値のセットを定義できるデータ型です。通常、性別には男性と女性の 2 つの値しかないため、性別フィールドは ENUM 型の使用に適しています。次に、具体的なコード例を使用して、MySQL で性別フィールドを作成し、ENUM 列挙型を使用して性別情報を保存する方法を示します。手順は次のとおりです。 まず、MySQL に users という名前のテーブルを作成します。
MySQL データベースの性別フィールドにはどのデータ型を使用する必要がありますか?
Mar 14, 2024 pm 01:21 PM
MySQL データベースでは、通常、性別フィールドは ENUM タイプを使用して保存できます。 ENUM は、定義済みの値のセットから 1 つをフィールドの値として選択できる列挙型です。 ENUM は、性別などの固定的で限定されたオプションを表す場合に適しています。具体的なコード例を見てみましょう。性別を含むユーザー情報を含む「users」というテーブルがあるとします。ここで性別のフィールドを作成したいと思います。テーブル構造は次のように設計できます: CRE
Javaのインスタンス変数とは何ですか
Feb 19, 2024 pm 07:55 PM
Java のインスタンス変数は、メソッドやコンストラクターではなく、クラスで定義された変数を指します。インスタンス変数はメンバー変数とも呼ばれ、クラスの各インスタンスにはインスタンス変数の独自のコピーがあります。インスタンス変数はオブジェクトの作成時に初期化され、その状態はオブジェクトの存続期間全体にわたって保存および維持されます。インスタンス変数定義は通常、クラスの先頭に配置され、パブリック、プライベート、プロテクト、またはデフォルトのアクセス修飾子など、任意のアクセス修飾子を使用して宣言できます。それは私たちがこれをどうしたいかによって決まります
Ajaxを使用してPHPメソッドから変数を取得するにはどうすればよいですか?
Mar 09, 2024 pm 05:36 PM
Ajax を使用して PHP メソッドから変数を取得することは、Web 開発では一般的なシナリオであり、Ajax を使用すると、データを更新せずにページを動的に取得できます。この記事では、Ajax を使用して PHP メソッドから変数を取得する方法と、具体的なコード例を紹介します。まず、Ajax リクエストを処理し、必要な変数を返すための PHP ファイルを作成する必要があります。以下は、単純な PHP ファイル getData.php のサンプル コードです。
Python 構文のマインド マップ: コード構造の深い理解
Feb 21, 2024 am 09:00 AM
Pythonはそのシンプルで読みやすい構文から幅広い分野で広く使われています。プログラミングの効率を向上させ、コードがどのように機能するかを深く理解するためには、Python 構文の基本構造をマスターすることが重要です。この目的を達成するために、この記事では、Python 構文のさまざまな側面を詳しく説明した包括的なマインド マップを提供します。変数とデータ型 変数は、Python でデータを保存するために使用されるコンテナです。マインド マップには、整数、浮動小数点数、文字列、ブール値、リストなどの一般的な Python データ型が表示されます。各データ型には独自の特性と操作方法があります。演算子 演算子は、データ型に対してさまざまな操作を実行するために使用されます。マインド マップは、算術演算子、比率など、Python のさまざまな演算子の種類をカバーしています。
jQuery の使用法: 変数が空かどうかを判断するいくつかの方法
Feb 27, 2024 pm 04:12 PM
jQuery は Web 開発で広く使用されている JavaScript ライブラリで、Web ページ要素を操作したりイベントを処理したりするためのシンプルで便利なメソッドを多数提供します。実際の開発では、変数が空かどうかを判断する必要がある場面によく遭遇します。この記事では、jQuery を使用して変数が空かどうかを判断する一般的な方法をいくつか紹介し、具体的なコード例を添付します。方法 1: if ステートメントを使用して、varstr="";if(str){co を決定します。
C言語のconstを深く理解する
Feb 18, 2024 pm 12:56 PM
C の const の詳細な説明とコード例 C 言語では、const キーワードを使用して定数を定義します。これは、プログラムの実行中に変数の値を変更できないことを意味します。 const キーワードは、変数、関数パラメータ、関数の戻り値を変更するために使用できます。この記事では、C 言語での const キーワードの使用法を詳細に分析し、具体的なコード例を示します。 const 変更された変数 const を使用して変数を変更する場合、その変数は読み取り専用変数であり、値が割り当てられると変更できないことを意味します。例: 定数
MySQL の性別フィールドに最適なデータ型の選択は何ですか?
Mar 14, 2024 pm 01:24 PM
データベース テーブルを設計する場合、適切なデータ型を選択することは、パフォーマンスの最適化とデータ ストレージの効率にとって非常に重要です。 MySQL データベースでは、性別フィールドには通常、男性または女性の 2 つの値しかないため、性別フィールドを保存するデータ型にいわゆる最良の選択はありません。ただし、効率とスペースを節約するために、性別フィールドを保存するのに適切なデータ型を選択できます。 MySQL では、性別フィールドを格納するために最も一般的に使用されるデータ型は列挙型です。列挙型は、フィールドの値を限られたセットに制限できるデータ型です。
