ホームページ > 記事 > ウェブフロントエンド > JavaScript が変数とデータ型インスタンスを宣言する方法の詳細な説明

JavaScript が変数とデータ型インスタンスを宣言する方法の詳細な説明

伊谢尔伦オリジナル: 2017-07-18 16:43:191305ブラウズ

プログラミング言語の場合、変数とデータ型が必ず含まれます。今日は、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 代数では、値を保持するために文字 (x など) を使用します。 ( 2 のように)。上記の式 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="Bill Gates") などの他のデータ型も格納できます。 JavaScript では、「Bill Gates」のようなテキストを文字列と呼びます。 JavaScript 変数には多くの種類がありますが、ここでは数値と文字列だけに焦点を当てます。テキスト値を変数に割り当てるときは、値を二重引用符または一重引用符で囲む必要があります。変数に数値を代入する場合は、引用符を使用しないでください。数値を引用符で囲むと、その値はによってテキストとして扱われます。データ型については後ほど詳しく説明します。
例:

<span style="font-size:18px;">var pi=3.14; 
var name="Bill Gates"; 
var answer=&#39;Yes I am!&#39;; 
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>

クリック効果:

(4) 1 つのステートメント、複数の変数

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 変数を再宣言します

JavaScript 変数を再宣言すると、変数の値は未定義になります。 Lost: 次の 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、Undefined。在讲数据类型之前我们先讲一个操作符typeof。
       typeof操作符
       typeof操作符是用来检测变量的数据类型。对于值或变量使用typeof操作符会返回如下字符串：

<span style="font-size:18px;">var box=&#39;English&#39;; 
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=&#39;Bill Gates&#39;; 
var answer1="Nice to meet you!"; 
var answer2="He is called &#39;Bill&#39;"; 
var answer3=&#39;He is called "Bill"&#39;; 
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 が変数とデータ型インスタンスを宣言する方法の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：JavaScriptの基本的なデータ型と変換操作の実行方法を詳しく説明します。次の記事：JavaScriptの基本的なデータ型と変換操作の実行方法を詳しく説明します。

続きを見る