iT邦幫忙

0

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);

那今天的介紹就到這裡
若有任何問題 或 內容有誤
都可以跟我說唷~~


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言