JavaScript 資料類型



字串(String)、數字(Number)、布林(Boolean)、陣列(Array)、物件(Object)、空(Null)、未定義(Undefined)。


JavaScript 擁有動態型別

JavaScript 擁有動態型別。這意味著相同的變數可用作不同的類型:

實例

        var x;               // x 為 undefined
var x = 5;           // 現在x 為數字
var x = "John";      // 現在x 為字串



JavaScript 字串

字串是儲存字元(例如"Bill Gates")的變數。

字串可以是引號中的任意文字。您可以使用單引號或雙引號:

實例

var carname="Volvo XC60";
var carname='Volvo XC60';

您可以在字串中使用引號,只要不符合包圍字串的引號即可:

實例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<script>
var carname1="Volvo XC60";
var carname2='Volvo XC60';
var answer1="It's alright";
var answer2="He is called 'Johnny'";
var answer3='He is called "Johnny"';
document.write(carname1 + "<br>")
document.write(carname2 + "<br>")
document.write(answer1 + "<br>")
document.write(answer2 + "<br>")
document.write(answer3 + "<br>")
</script>

</body>
</html>

運行實例»

點擊"運行實例" 按鈕查看在線實例

您將在本教程的高級部分學到更多關於字串的知識。


JavaScript 數字

JavaScript 只有一種數字型別。數字可以帶小數點,也可以不帶:

實例

var x1=34.00;      //使用小數點來寫
var x2=34;         //  //不使用小數點來寫入

極大或極少的數字可以透過科學(指數)計數法來書寫:

實例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
<script>
var x1=34.00;
var x2=34;
var y=123e5;
var z=123e-5;
document.write(x1 + "<br>")
document.write(x2 + "<br>")
document.write(y + "<br>")
document.write(z + "<br>")
</script>
</body>
</html>

運行實例»

點擊"運行實例" 按鈕查看在線實例

您將在本教程的高級部分學到更多關於數字的知識。


JavaScript 布林

布林(邏輯)只能有兩個值:true 或 false。

var x=true;
var y=false;

#布林常用在條件測試中。您將在本教程稍後的章節中學到更多關於條件測試的知識。


JavaScript 陣列

下面的程式碼建立名為cars 的陣列:

var cars=new Array();
cars[0 ]="Saab";
cars[1]="Volvo";
cars[2]="BMW";

或(condensed array):

var cars=new Array("Saab","Volvo","BMW");

#或(literal array ):

實例

<!DOCTYPE html>
<html>
<body>

<script>
var i;
var cars = new Array();
cars[0] = "Saab";
cars[1] = "Volvo";
cars[2] = "BMW";

for (i=0;i<cars.length;i++)
{
document.write(cars[i] + "<br>");
}
</script>

</body>
</html>

運行實例»

點擊"運行實例" 按鈕查看線上實例

陣列下標是基於零的,所以第一個項目是[0],第二個是[1],以此類推。

您將在本教學稍後的章節中學到更多關於陣列的知識。


JavaScript 物件

物件由花括號分隔。在括號內部,物件的屬性以名稱和值對的形式 (name : value) 來定義。屬性由逗號分隔:

var person={firstname:"John", lastname:"Doe", id:5566};
##上範例中的物件( person) 有三個屬性:firstname、lastname 、id。

空格和折行無關緊要。宣告可橫跨多行:

var person={
firstname : "John",
lastname  : "Doe",
id        :  5566##};

物件屬性有兩種尋址方式:

實例

#
<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<script>
var person=
{
	firstname : "John",
	lastname  : "Doe",
	id        :  5566
};
document.write(person.lastname + "<br>");
document.write(person["lastname"] + "<br>");
</script>

</body>
</html>

執行實例»
點擊"運行實例" 按鈕查看線上實例

您將在本教學稍後的章節中學到更多關於物件的知識。

Undefined 和 Null

Undefined 這個值表示變數不含有值。

可以透過將變數的值設為 null 來清空變數。

實例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<script>
var person;
var car="Volvo";
document.write(person + "<br>");
document.write(car + "<br>");
var car=null
document.write(car + "<br>");
</script>

</body>
</html>

運行實例»
點擊"運行實例" 按鈕查看線上實例

宣告變數類型

當您宣告新變數時,可以使用關鍵字"new" 來宣告其類型:

var carname=new String;
var x=      new Number;
var y=      new Boolean;
var cars=   new Array;
var person= new Object;


lampJavaScript 變數皆為物件。當您宣告一個變數時,就建立了一個新的物件。