不可錯過的JavaScript課程(17)物件介紹

不可錯過的JavaScript課程(17)物件介紹

不可錯過的JavaScript課程(17)物件介紹

 

 

好久不見的JavaScript介紹,今天要來介紹它的物件(Objects)!

 

JavaScript的變數(variable)可被比喻成:用來盛裝「值(value)」的容器。

而本篇介紹的「物件(objects)」,其實就是變數(variable)的一種,而且它還可以承裝多個值(value)。

 

 

一個物件(objects)可以被比喻成一張列有多個值(value)的清單,清單上每個物件的格式為「屬性:屬性值」。所有的屬性、屬性值均以冒號為區隔,範例與說明(「//」開頭的橫行為說明文字) 如以下所示:

See the Pen JavaScript 17-Objects-1 by Tedutw (@Tedutw) on CodePen.

結論:JavaScript 的物件 Objects 就像是容器,能裝多個「有名字」的值。

物件屬性(object property)

JavaScript 中,要存取物件的屬性(object property),有兩種寫法:

1. 物件名.屬性名

2. 物件名[‘屬性名’]

以上兩種的範例與說明(「//」開頭的橫行為說明文字)如以下所示:

See the Pen JavaScript 17-Objects-2 by Tedutw (@Tedutw) on CodePen.

 

順便一提,JavaScript 還有內建「length」屬性唷!如此一來,就可以計算出屬性名稱的字數了!

承上例,「length」屬性如下所示:

See the Pen JavaScript 17-Objects-3 by Tedutw (@Tedutw) on CodePen.

物件方法(object method)

JavaScript 中的物件方法(object method)是一個含有「函式定義( function definition)」的屬性,存取物件方法(object method)的寫法如以下所示:

物件名.方法名

大家都知道,document.write() 會顯示資料的內容,這個 write()函式就是物件「document」的方法。「document.write()」就是一個物件方法(object method) 的例子。

 

 

精選延伸閱讀:

SEM 關鍵字廣告課程讓高三生提早就定位 開始接案賺錢!

44歲媽咪順利轉職網頁設計師, 家庭事業都得意

擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師

AI 產業革命開始!為何 Python 成人工智慧必備語言?

為什麼學習網頁前端一定要掌握JavaScript?

不可錯過的JavaScript課程(16)訊息框

學習網頁前端開發技術為何一定要懂JavaScript?

免費的Java開發工具原來有這麼多!?

本篇發表於 程式語言 並標籤為 , , , , , , 。將永久鏈結加入書籤。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料