进阶资料型态.PPT

4-4：自訂物件 本小節介紹使用者如何自訂物件。 */38 JavaScript 的物件 JavaScript 的物件可分三類： 內建的物件（如日期、數學等物件） 根據網頁的內容所建立的文件物件模型（Document Object Model ，簡稱 DOM） 使用者自訂的物件 */38 範例4-22 主題：自訂簡單的物件示範 連結： object01.htm 程式碼重點 說明 範例中我們使用 new Object() 來產生一個使用者自訂的物件，並設立此物件的三個性質。 */38 student = new Object();  = Timmy; student.age = 25; student.phone = 575-1114; 範例4-23 主題：寫js檔來列出物件所有性質 連結：listProp.js 程式碼 說明 js檔的使用方式：listProp(物件,物件名稱字串)。 */38 function listProp(obj, objName) { for (var i in obj) document.writeln(objName+.font color=red+i+/font = font color=green+obj[i]+/fontbr);} 範例4-24 主題：使用「單列指定」的方式，來指定一個物件的所有屬性。 連結：object02.htm 程式碼重點 說明 使用此種「單列指定」的好處是可以指定含有空格的性質，但是若要存取此（含有空格的）性質，則必須使用「物件[性質]」的方式來進行，而不能使用「物件.性質」的方式。 */38 student = {name:Timmy, age:25, phone:575-1114} 範例4-25 主題：以 in 運算子測試物件的欄位是否存在 連結：in01.htm 程式碼重點 說明 以「 性質 in 物件」來說，如果這個物件擁有性質，就會回傳true，不存在則回傳false。 */38 if (field in student) document.write(field + is a field of studentbr); 範例4-26 主題：示範自訂較為複雜的物件 連結：object03.htm 程式碼重點 說明 範例中定義此物件的「建構子」（Constructor，也就是用來創造物件的函數）來自訂物件。 this代表此範例所建構的物件。 */38 function student(inputName, inputStudentID, inputAge) {  = inputName; this.studentID = inputStudentID;  this.age = inputAge; this.display = displayStudent;} 範例4-27 主題：示範自訂巢狀式物件 連結：object04.htm 說明 範例中定義了student(學生)和course(課程)兩個物件。 在student中的this.course = inputCourse;將course物件放到student物件中，形成巢狀物件。 */38 範例4-28 主題：以陣列來存放自訂的物件 連結：expenseTable.htm 程式碼重點 說明 i++ ? 先用 i的值執行完該列敘述，再把 i 的值加 1。 陣列可以存放各種物件，包含自訂的物件。 */38 expense[i++]=new expenseItem( 200, 每天, 365/12, 餐費); expense[i++]=new expenseItem(3000, 每月, 1, 房租); JavaScript 程式設計與應用：用於網頁用戶端 JavaScript 程式設計與應用：用於網頁用戶端 第四章進階資料型態 張智星 jang@ /jang 台大資工系 多媒體檢索實驗室 本章大綱 大綱 本章說明 JavaScript 的一些進階資料型態，包含陣列、字典物件、自訂物件等。掌握這一些進階資料型態，你的程式碼就會更簡潔易懂。 主題 4-1：陣列物件的簡介 4-2：陣列物件的方法 4-3：字典物件 4-4：自訂物件 */38 4-1：陣列物件的簡介 本章介紹陣列物件及相關函式的使用。 */38 陣列基本簡介 陣列 (Arrays) 是 JavaScript 提供的內建物件 (Built-in Object) 之一，其功能強大，可大幅度簡化你的程式碼。 陣列是一個變數，但它可以儲存許多種不同的值（可以是字串、數值，或是各種物件） 我們可以使用索引 (Index)來存取每一個元素的值，索引從 0