本站電子書

您可以在這些電子書店找到本站電子書: Google Play 圖書iBooks StoreHyReadReadmooPubu
===>>>本站推出學習遊戲意見調查<<<===《如何自學程式設計》入選 Google Play 台灣地區2016年度最佳書籍

JavaScript 快速導覽 - 資料型態

JavaScript 有以下九種資料型態 (data type)

  • Undefined - 未定義
  • Null - 虛無
  • Boolean - 布林
  • String - 字串
  • Number - 數字
  • Object - 物件
  • Reference
  • List
  • Completion


Undefined 型態為未定義,就是以關鍵字 (keyword) var 宣告變數 (variable) 後沒有給值 (value) 的變數,這樣的變數內含一個值,就是 undefined


Null 型態只有一個值,就是 null ,這是一個特殊的值,表示缺少資料。


Boolean 型態有兩個值,就是 truefalse ,通常作為邏輯或條件運算式回傳的結果。


String 型態就是字串 (string) ,任何 16 位元的 Unicode 字元以單引號 ' ' 或雙引號 " " 圍起來的都屬於字串。


Number 型態就是數字,整數 (integer) 或是帶有小數點的浮點數 (floating-point number) 。


Object 型態代表這是一個物件 (object) 。


Reference 、 List 、 Completion 三者則是程式計算過程的產生的過度型態,並不會在計算結果中出現。


以下程式藉由關鍵字中的 typeof 運算子取得型態名稱
function run() {
    var c = document.getElementById("content");
    var n1 = document.createElement("p");
    var n2 = document.createElement("p");
    var n3 = document.createElement("p");
    var n4 = document.createElement("p");
    var n5 = document.createElement("p");
    var n6 = document.createElement("p");
    var t1, t2, t3, t4, t5, t6;
    t2 = null;
    t3 = true;
    t4 = 'hello';
    t5 = 33.3;
    t6 = c;
    
    n1.appendChild(document.createTextNode(typeof(t1)));
    c.appendChild(n1);
    n2.appendChild(document.createTextNode(typeof(t2)));
    c.appendChild(n2);
    n3.appendChild(document.createTextNode(typeof(t3)));
    c.appendChild(n3);
    n4.appendChild(document.createTextNode(typeof(t4)));
    c.appendChild(n4);
    n5.appendChild(document.createTextNode(typeof(t5)));
    c.appendChild(n5);
    n6.appendChild(document.createTextNode(typeof(t6)));
    c.appendChild(n6); 
}

/* 《程式語言教學誌》的範例程式
     http://pydoing.blogspot.com/
     檔名:run02.js
     功能:示範 JavaScript 程式 
     作者:張凱慶
     時間:西元 2010 年 11 月 */


利用以下的 HTML 文件開啟
<html>

<head>
<title>JavaScript Demo</title>
<script src="run02.js" type="text/javascript"></script>
</head>

<body>
<input id="b" type="button" value="RUN" onclick="run();" />
<div id="content"></div>
</body

</html>

<!-- 《程式語言教學誌》的範例程式
     http://pydoing.blogspot.com/
     檔名:jsexample05.html
     功能:示範 JavaScript 程式 
     作者:張凱慶
     時間:西元 2010 年 11 月 -->


顯示結果如下



注意 null 這裡 Firefox 當成物件型態看待,因為 null 通常與物件連用。


中英文術語對照
資料型態data type
關鍵字keyword
變數variable
value
字串string
整數integer
浮點數floating-point number
物件object






沒有留言: