iT邦幫忙

2022 iThome 鐵人賽

DAY 21
0
自我挑戰組

30天JavaScript自學挑戰系列 第 21

Day 21 物件方法(Object Method)

  • 分享至 

  • xImage
  •  

物件就像陣列一樣,可以保存不同類型的數據,像是陣列、另一個物件,甚至是函數(functions)。

函數實際上只是另一種值,所以我們可以創造一個key-value pair,其中的值為函數,這也意味著我們可以為物件添加功能。

因為表達式(expression)會產生值,所以這裡使用表達式來撰寫函數,宣告式(declaration)在這邊是不成立的,而任何附加於物件的函數都稱為方法(method),實際上它也是一個屬性。

要使用物件中的方法,就像取用其他屬性一樣,在物件名稱後加上點符號及屬性名稱(在這邊使用方括號及屬性名稱的話,效果也是一樣的),而如同使用其他函數一樣,我們還需要在最後加上括號。

const list = {
    fruits: "apple",
    meat: "beef",
    vege: "broccoli",
    calcItem: function () {
        const size = Object.keys(list).length;
        return size - 1;
    }
};

console.log(list.calcItem());
// 3

console.log(list["calcItem"]());
// 3

上一篇
Day 20 物件-2
下一篇
Day 22 For Loop
系列文
30天JavaScript自學挑戰30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言