JavaScript核心篇：物件結構 & 物件取值、刪除、新增

物件結構

建立物件有兩種方式，一種是物件實字；另一種則是物件建構式。
要設定物件的話裡面固定會有屬性跟值，屬性的名稱都會是字串不會是其他型別，值裡面可以是字串、數字、物件、函式。

物件實字

物件實字語法

var family = {
    name : '小明家',
    money: 1000,
    members: {
        mom: '老媽',
        dad: '老爸'
    },
    callFamily: function(){
        console.log('聯絡小明家');
    }
};

物件建構式

物件建構式語法

var family = new Object();
family.name = '小明家';
family.money = 1000;
family.members = {
    mom: '老媽',
    dad: '老爸'
};
family.callFamily = function(){
    console.log('聯絡小明家');
};

物件取值

物件的取值有兩種方法，一種是用 .(點) 的方式，另一種是用 [](中括號) 的方式。

.(點) 取值語法如下 ↓

[](中括號) 取值語法如下 ↓

兩種取值的差異

var family = {
    name : '小明家',
    money: 1000,
    members: {
        mom: '老媽',
        dad: '老爸'
    },
    '1': 1,
    callFamily: function(){
        console.log('聯絡小明家');
    }
};

在上方程式碼如果要取出 ‘1’ 裡面的值的話，用 .(點) 是沒有辦法取出值的

另外 [](中括號) 可以設定變數後取值。 如下 ↓

var family = {
    name : '小明家',
    money: 1000,
    members: {
        mom: '老媽',
        dad: '老爸'
    },
    '1': 1,
    callFamily: function(){
        console.log('聯絡小明家');
    }
};

var a = 'name';

物件新增

var family = {
    name : '小明家',
    money: 1000,
    members: {
        mom: '老媽',
        dad: '老爸'
    },
};

// 物件新增語法如下 ↓ 

family.dog = '小白';
family['cat'] = '點點';

用兩種方法都可以新增物件，這時候執行 family 會出現下面結果 ↓

這時候可以發現在後面依序新增了 dog 跟 cat 的屬性。

物件刪除

var family = {
    name : '小明家',
    money: 1000,
    members: {
        mom: '老媽',
        dad: '老爸'
    },
};

// 物件刪除語法如下 ↓

delete family.money;
delete family['members'];

用兩種方法都可以物件刪除，這時候執行 family 會出現下面結果 ↓

這時候可以發現 money 跟 members 的屬性都不見了，只剩下了 name 的屬性。