Javascript入門第十七課-物件介紹

還不認識當今最火的JavaScript嗎?本日介紹物件給你認識哦!
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） 的例子。

更多閱讀:
Javascript基礎練習(十五)-函式回傳

Javascript入門第十六課-訊息框

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

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

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

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

Javascript初學者課程(14)-在函式中使用多重參數

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