JavaScript 資料類型登入

JavaScript 資料類型

JavaScript 資料型別有以下的幾種

  • #字串(String)

  • #數字(Number)

  • 布林(Boolean)

  • #陣列(Array)

  • 物件(Object)

  • 空(Null)

  • #未定義(Undefined)。


JavaScript 擁有動態型別

JavaScript 擁有動態型別。這意味著相同的變數可用作不同的類型,像下面這樣

##var x;               // x 為undefined

var x = 5;     // x 為undefined
var x = 5;    #  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="我是双引号";
    var carname2='我是单引号';
    var answer1="这是正常的";
    var answer2="我的名字是 'Johnny'";
    var answer3='我的名字是 "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;

提示#:JavaScript 變數皆為物件。當您宣告一個變數時,就建立了一個新的物件。    




#下一節
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>PHP中文网(PHP.CN)</title> </head> <body> <script> var carname1="我是双引号"; var carname2='我是单引号'; var answer1="这是正常的"; var answer2="我的名字是 'Johnny'"; var answer3='我的名字是 "Johnny"'; document.write(carname1 + "<br>") document.write(carname2 + "<br>") document.write(answer1 + "<br>") document.write(answer2 + "<br>") document.write(answer3 + "<br>") </script> </body> </html>
章節課件