第四章進(jìn)階資料型態(tài)-資料下載頁(yè)
2024-09-28 12:26本頁(yè)面
【導(dǎo)讀】本章說(shuō)明JavaScript的一些進(jìn)階資料型態(tài)，包含。資料型態(tài)，你的程式碼就會(huì)更簡(jiǎn)潔易懂。4-1：陣列物件的簡(jiǎn)介。本章介紹陣列物件及相關(guān)函式的使用。陣列是JavaScript提供的內(nèi)建物件(Built-. 陣列是一個(gè)變數(shù)，但它可以?xún)?chǔ)存許多種不同的值。我們可以使用索引來(lái)存取每一個(gè)元素的值，索引從0開(kāi)始，例如陣列A的第一個(gè)元素為A[0]，(這部分和C語(yǔ)言是一致的。要使用陣列變數(shù)時(shí)，需先宣告，但可以不用設(shè)定。陣列的元素個(gè)數(shù)。另外兩種指定陣列元素的方法。其中array代表傳入函數(shù)的陣列，arrayName則是此陣列。利用重點(diǎn)程式碼第一行，引入js檔中的程式碼，函式，請(qǐng)見(jiàn)後續(xù)章節(jié)有關(guān)於「自訂函數(shù)」的說(shuō)明。在上述範(fàn)例中，我們使用了三個(gè)陣列，分別用來(lái)。儲(chǔ)存midi網(wǎng)址、歌曲名稱(chēng)、歌手姓名。更好的作法，是用一個(gè)陣列來(lái)存放這些資料，其。件，以便即時(shí)更換影像，達(dá)到趣味性的效果。不是存放一個(gè)影像物件，那就不會(huì)有快取的效果。
【正文】 件 31/38 JavaScript 程式設(shè)計(jì)與應(yīng)用：用於網(wǎng)頁(yè)用戶(hù)端 範(fàn)例 422 ? 主題：自訂簡(jiǎn)單的物件示範(fàn) ? 連結(jié)： ? 程式碼重點(diǎn) ? 說(shuō)明 ? 範(fàn)例中我們使用 new Object() 來(lái)產(chǎn)生一個(gè)使用者自訂的物件，並設(shè)立此物件的三個(gè)性質(zhì)。 32/38 student = new Object()。 = Timmy。 = 25。 = 5751114。 JavaScript 程式設(shè)計(jì)與應(yīng)用：用於網(wǎng)頁(yè)用戶(hù)端 範(fàn)例 423 ? 主題：寫(xiě) js檔來(lái)列出物件所有性質(zhì) ? 連結(jié)： ? 程式碼 ? 說(shuō)明 ? js檔的使用方式： listProp(物件 ,物件名稱(chēng)字串 )。 33/38 function listProp(obj, objName) { for (var i in obj) (objName+.font color=red+i+/font = font color=green+obj[i]+/fontbr)。 } JavaScript 程式設(shè)計(jì)與應(yīng)用：用於網(wǎng)頁(yè)用戶(hù)端 範(fàn)例 424 ? 主題：使用「單列指定」的方式，來(lái)指定一個(gè)物件的所有屬性。 ? 連結(jié)： ? 程式碼重點(diǎn) ? 說(shuō)明 ? 使用此種「單列指定」的好處是可以指定含有空格的性質(zhì)，但是若要存取此（含有空格的）性質(zhì)，則必須使用「物件 [性質(zhì) ]」的方式來(lái)進(jìn)行，而不能使用「物件 .性質(zhì)」的方式。 34/38 student = {name:Timmy, age:25, phone:5751114} JavaScript 程式設(shè)計(jì)與應(yīng)用：用於網(wǎng)頁(yè)用戶(hù)端 範(fàn)例 425 ? 主題：以 in 運(yùn)算子測(cè)試物件的欄位是否存在 ? 連結(jié)： ? 程式碼重點(diǎn) ? 說(shuō)明 ? 以「 性質(zhì) in 物件」來(lái)說(shuō)，如果這個(gè)物件擁有性質(zhì)，就會(huì)回傳 true，不存在則回傳 false。 35/38 if (field in student) (field + is a field of studentbr)。 JavaScript 程式設(shè)計(jì)與應(yīng)用：用於網(wǎng)頁(yè)用戶(hù)端 範(fàn)例 426 ? 主題：示範(fàn)自訂較為複雜的物件 ? 連結(jié)： ? 程式碼重點(diǎn) ? 說(shuō)明 ? 範(fàn)例中定義此物件的「建構(gòu)子」（ Constructor，也就是用來(lái)創(chuàng)造物件的函數(shù)）來(lái)自訂物件。 ? this代表此範(fàn)例所建構(gòu)的物件。 36/38 function student(inputName, inputStudentID, inputAge) { = inputName。 = inputStudentID。 = inputAge。 = displayStudent。 } JavaScript 程式設(shè)計(jì)與應(yīng)用：用於網(wǎng)頁(yè)用戶(hù)端 範(fàn)例 427 ? 主題：示範(fàn)自訂巢狀式物件 ? 連結(jié)： ? 說(shuō)明 ? 範(fàn)例中定義了 student(學(xué)生 )和 course(課程 )兩個(gè)物件。 ? 在 student中的 = inputCourse。將course物件放到 student物件中，形成巢狀物件。 37/38 JavaScript 程式設(shè)計(jì)與應(yīng)用：用於網(wǎng)頁(yè)用戶(hù)端 範(fàn)例 428 ? 主題：以陣列來(lái)存放自訂的物件 ? 連結(jié)： ? 程式碼重點(diǎn) ? 說(shuō)明 ? i++ ? 先用 i的值執(zhí)行完該列敘述，再把 i 的值加 1。 ? 陣列可以存放各種物件，包含自訂的物件。 38/38 expense[i++]=new expenseItem( 200, 每天 , 365/12, 餐費(fèi) )。 expense[i++]=new expenseItem(3000, 每月 , 1, 房租 )
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1