物件結構
// 物件實字
var farm = {
dog : '小黑',
duck : 20,
farmer:{
man : '皮傑先生',
women : '小雞公主'
},
eat : function(){
}
}
console.log(farm);
// 物件建構式
var newFarm = new Object(farm);
console.log(newFarm);
物件取值
有三種方式
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);
那今天的介紹就到這裡
若有任何問題 或 內容有誤
都可以跟我說唷~~