JS 物件取值、新增、删除 DAY57

物件结构

// 物件实字
var farm = {
    dog : '小黑',
    duck : 20,
    farmer:{
        man : '皮杰先生',
        women : '小鸡公主' 
    },
    eat : function(){

    }
}
console.log(farm);

// 物件建构式

var newFarm = new Object(farm);
console.log(newFarm);

物件取值
有三种方式

1. 使用 . 来取值
2. 使用 [] 来取值
3. 使用 变数 来取值

var farm = {
    dog : '小黑',
    duck : 20,
    member:{
        man : '皮杰先生',
        women : '小鸡公主' 
    },
    eat : function(){

    },
    '$': '10000',
    '开心农场': '开心农场',
    1: '1',
}
// . 方式
console.log(farm.dog);
console.log(farm.member.man);

// 阵列方式
// 要注意 [] 里面的属性是 "字串" (请牢记 !!!)
// 但若是数字 则可以不用加双引号或单引号 但还是一样为字串
console.log(farm['$']);
console.log(farm[1]);

// 变数
var happyFarm = '开心农场';
console.log(farm[happyFarm]);

// 执行 函式
farm.eat();
farm['eat']();

物件新增值

var farm = {
    dog : '小黑',
    duck : 20,
    member:{
        man : '皮杰先生',
        women : '小鸡公主' 
    },
    eat : function(){
        console.log('吃饭');
    },
    '$': '10000',
    '开心农场': '开心农场',
    1: '1',
}
// 物件新增值
farm.corn = '玉米';
farm['cat'] = '小灰';

console.log(farm);

物件删除值

var farm = {
    dog : '小黑',
    duck : 20,
    member:{
        man : '皮杰先生',
        women : '小鸡公主' 
    },
    eat : function(){
        console.log('吃饭');
    },
    '$': '10000',
    '开心农场': '开心农场',
    1: '1',
}

// 物件删除值
delete farm.dog;
delete farm['$'];

console.log(farm);

这里要额外补充
变数及物件属性的差异

var a = 1;

// 这里其实是 window.b
b = 2;

// 变数无法被删除，属性才可以
delete a;
delete b;
console.log(window);

那今天的介绍就到这里
若有任何问题 或 内容有误
都可以跟我说唷~~