本站電子書

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

JavaScript 快速導覽 - 內建物件

JavaScript 的內建物件 (object) 有

  • Boolean
  • Number
  • String
  • Array
  • Math
  • Date
  • RegExp


Boolean 物件為帶有邏輯真假值的物件,「真」就是 true ,「假」就是 false


Number 物件為帶有數字的物件,如整數 (integer) 或帶有小數點的浮點數 (float-pointing number) 都是。


String 物件為字串 (string) 物件,其內可容納任何 Unicode 字元。


Array 物件為陣列 (array) 物件,其內可容納任何其他物件或數值。


Math 物件提供許多有用的數學常數及數學計算函數,使用時須直接用 Math 呼叫。


Date 物件為專門處理時間與日期的物件。


RegExp 物件為正規表示式 (regular expression) 的物件,所謂的正規表示式為具有特殊語法規則的字串 (string) ,可用於比對其他字串中相符的格式字串,便於搜尋及替換。


除了 Math 物件之外,除於物件大多需要用建構子函數 (constructor function) 建立物件,然後才可使用該物件的功能。


每一種物件都有各自的屬性 (attribute) 與方法 (method) ,由於 Javascript 是物件原型的程式語言,原型中已經定義 toString() 與 valueOf() 方法,因此絕大多數物件都有這兩種方法。


舉例如下
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 n7 = document.createElement("p");
    var n8 = document.createElement("p");
    
    var a = new Array();
    var b1 = 22;
    a.push(b);
    var b2 = new Date();
    a.push(b2);
    var b3 = new String("hello");
    a.push(b3);
    var b4 = new Number(36.202);
    a.push(b4);
    var b5 = Math.PI;
    a.push(b5);
    var b6 = Boolean(true);
    a.push(b6);
    var b7 = [0, 1, 2];
    a.push(b7);
    var b8 = /\w* \d*:\d*/;
    a.push(b8);
   
    var t1 = a.pop();
    var t2 = a.pop();
    var t3 = a.pop();
    var t4 = a.pop();
    var t5 = a.pop();
    var t6 = a.pop();
    var t7 = a.pop();
    var t8 = a.pop();
    
    n1.appendChild(document.createTextNode(t1));
    c.appendChild(n1);
    n2.appendChild(document.createTextNode(t2));
    c.appendChild(n2);
    n3.appendChild(document.createTextNode(t3));
    c.appendChild(n3);
    n4.appendChild(document.createTextNode(t4));
    c.appendChild(n4);
    n5.appendChild(document.createTextNode(t5));
    c.appendChild(n5);
    n6.appendChild(document.createTextNode(t6));
    c.appendChild(n6);
    n7.appendChild(document.createTextNode(t7));
    c.appendChild(n7);
    n8.appendChild(document.createTextNode(t8));
    c.appendChild(n8);
}


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


利用以下的 HTML 文件載入
<html>

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

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

</html>

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


瀏覽器 (broswer) 開啟後執行,如下



中英文術語對照
物件object
整數integer
浮點數float-pointing number
字串string
陣列array
正規表示式regular expression
屬性attribute
方法method


內建物件




沒有留言: