Day13. 什麼?你說物件也能開箱?

Day13. 什麼?你說物件也能開箱?

本日閱讀進度:第五章 認識物件(206~227頁)

重點摘要:

1.物件也能開箱嗎?

好啦,其實我只是想跟風而已,其實這個標題應該是:

如何知道物件裡包含了哪些屬性?

可以使用for in來顯示物件中所有的屬性。

for in會以一次一個的方式,逐一取得物件的每個屬性,並依序將每個屬性賦值給prop變數。

是不是就跟開箱一樣呢?

for (var prop in abui) {
  console.log(prop + ": " + abui[prop]);
}
// "name: Abui"
// "weight: 3"
// "age: 1"
// "color: orange"
// "breed: mixed"
// "tnr: true"

2.存取屬性的另一種寫法

注意到上面abui[prop]的寫法了嗎?

其實它跟abui.color的寫法是一樣的,唯一的差別在於方括號有比較大的彈性,可以把屬性的名稱建立成如下的運算式(雖然我不知道為什麼要這麼做XD):

abui["pr" + "op"]

3.JavaScript提供的物件

除了自行建立物件之外,也可以使用JavaScript內建的物件。例如之前用過的Math,還有一些寫程式需要用到的物件:

  • Date:可用於操作日期和時間。

  • RegExp:讓你得以找到字串中的樣式。

  • JSON:讓你可以跟其他應用程式交換JavaScript物件。

  • Document:可從程式碼對網頁進行寫入操作。

  • Console:寫程式必定會用到的console也是物件喔!它可使用log方法在控制台上顯示訊息。

今天的開箱文就到這邊啦!明天將會介紹DOM(文件物件模型),讓JavaScript進一步跟網頁互動!

本文同步發表於iT邦幫忙

Recent post