iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 9
0
自我挑戰組

這些日子我學到的JavaScript 系列 第 9

這些日子我學到的JavaScript:Day09-物件

  • 分享至 

  • xImage
  •  

物件也是 JavaScript 內的資料型態之一,而會有物件是因為,我們需要儲存更多的資料
前面講到陣列也用於儲存更多的資料,但不同於陣列的地方,是物件儲存的值是帶有屬性名字的值

物件的寫法
用大括號將內部所有資訊包起來,鍵跟值之間用冒號區隔。結束一行程式碼時用逗號做結尾,但物件中最後一行程式碼不需要逗號。

var 物件名稱 = {
    屬性: 值,
}

同變數跟陣列,一樣先用 var 做宣告,直接命名一個物件名稱,接下來用大括號,大括號內包覆屬性跟值(可以有許多的屬性,用逗號區隔)

物件的新增與修改
首先要說明如何選取物件內的鍵:「物件名稱 + 一個點點 + 鍵的名稱」。

在物件外面要新增一組資料進去
物件名稱.欲新增的鍵名稱 = 欲新增的值;
修改物件中某一個鍵的值
物件名稱.鍵名稱 = 欲修改的值;

查詢鍵的值
查詢鍵值的方式,就是物件名.鍵名:
console.log(farm.farmer);

當鍵的值是用陣列表示時,查詢的方法就像下方這樣:
console.log(farm.dog[0]);

如果想用變數讀取物件裡的陣列的其中一個值:

var cat1 = farm.cat[0];
console.log(cat1);

如何執行物件的方法
建立方法

鍵名: function(){
       方法要執行的內容;
      },
這裡的方法就是函式。不用命名。

呼叫方法
物件名.方法的鍵名();
這裡的小括號是叫方法跑起來


上一篇
這些日子我學到的JavaScript:Day08-陣列
下一篇
這些日子我學到的JavaScript:Day10-全域物件
系列文
這些日子我學到的JavaScript 30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言