JavaScript 資料類型

JavaScript 的資料型別

JavaScript 主要有以下6 資料型別:

##資料型別               

#說明                       

範例

字串型   使用雙括號編號" 或單引號上的一個或

#字串    使用雙括號」 或單引號的一個或多個字元「 、'字串'    

數值類型   包含整數和浮點數(包含小數點的數字或科學記數法的數字)    30、-10、11.2、2.35e10  

otrue或false 這兩種狀態   5 == 2 其運算結果為false    

空白值   變數或內容值為空(null),可透過給予變數賦null 值來清除變數的內容   str = null    

未定義類型   變數建立後,未給予該變數賦值,此型別只有一個取值:undefined    var str    


#物件類型   JavaScript 作業的對象,如頁面元素等   docum##物件類型   JavaScript 作業的對象,如頁面元素等   docum##物件類型 "article")

字串(String)類型

字串型別使用雙引號"或單引號' 括起來,以下是一些例子:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<script type="text/javascript">
var str1 = '20 ';
var str2 = '岁';
alert( str1 + str2 );
</script>
</head>
<body>
</body>
</html>

如上例所示,字串可以使用+ 符號進行連接,運行範例彈出提示框輸出:


20 歲

注意:定義的字串變量,可以被JavaScript 直接當做字串物件處理

數值(Number)類型


#數值(Number)型別包括整數與浮點數(包含小數點的數或科學記數法的數字),如:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<script type="text/javascript">
var num1 = 20;
var num2 = 33.5;
alert( num1 + num2 );
</script>
</head>
<body>
</body>
</html>

運行該例子,彈出提示框並輸出:運算結果為:

53.5

##請注意,如果將字串類型和數字類型一起做+ 運算,數值會轉換成字串參與運算。因此上面的例子為了讓 num1 和 num2 進行加法運算,將它們使用 () 括起來以先進行加法運算。

#######

布林(Boolean)類型

布林類型是對一個表達式結果的確定,如果該表達式成立,則結果為true,反之則為false。通常會結合if 語句來進行邏輯判斷,如下面範例所示:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
    <script type="text/javascript">
    var x = 3;
    var y = 5;
    if( x == y ){
    alert( "x 等于 y");
    }else{
    alert( "x 不等于 y" );
    }
    </script>
</head>
<body>
</body>
</html>

空值(Null)

##空值類型表示該變數或內容無任何值。例如一個表單文字輸入框中無任何內容時,我們試圖用 JavaScript 去取得該文字輸入框元素的值時,得到的結果就是 null。

要判斷是否為空值,只要將需要比較的內容與null 比較即可:

if( x == null ) { ... }

鑑於Web 系統運作的特點,很多情況下可以透過給一個變數賦null 值來清除變數的內容而不用刻意去銷毀該變數。

未定義(Undefined)型別

變數建立後,未給該變數賦值,該變數即為未定義型別。未定義類型有一個確定的值undefined,因此要判斷一個變數或傳回結果是否為未定義類型,只需將它與undefined 進行比較即可:

if( x == undefined ) { ... }

物件(Object)類型

物件類型是JavaScript 中常用的類型,如我們透過document.getElementById() 取得頁面元素時,得到的就是一個物件。

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
    <script language="JavaScript">
    x = document.getElementById("article");
    alert(x);
    </script>
</head>
<body>
 <p id="article">我是一些文字 ...</p>
</body>
</html>

宣告變數類型

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

##var carname=new String;

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

   


繼續學習
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script language="JavaScript"> var age = 15; if (age >= 18) { alert('adult'); } else { alert('teenager'); } </script> </head> <body> </body> </html>