iT邦幫忙

2021 iThome 鐵人賽

DAY 5
0
自我挑戰組

初心者解任務啦!JS 的 30 道任務系列 第 5

[ Day 5 ] - 物件

物件

物件的格式

  • 會使用 { } 前後包住資料集
  • 內容會有屬性和值
let shop = {
Name : "happy Store",
status : "Open",
storeItems : 5
};

如何讀取物件內的格式

  • 讀取的方式是利用「.」
let shop = {
Name : "happy Store",
status : "Open",
storeItems : 5
};


console.log(shop.status);  // 結果為 Open
  • 讀取的方式也可以懽過 [ ] (中括號)來存取
    在遇到屬性值是數字開頭其他特別的字串時,就可以用此方式進行資料讀取
let shop = {
Name : "happy Store",
status : "Open",
storeItems : 5,
"999" : "HI"
};

a = 'Name';
console.log(shop[a]);  // 結果為 happy Store
console.log(shop['Name']); // 結果為 happy Store
console.log(shop['999']); // 結果為 HI

新增與修改屬性資料

  • 使用 = 賦予資料值
let shop = {};
shop.name = 'haapy Store';


console.log(shop.name); // 結果為 happy Store
  • 修改屬性資料值一樣是使用 = 賦予資料
let shop = {
Name : "happy Store",
status : "Open",
storeItems : 5
};

shop.name = 'happy happy';
console.log(shop.name); //  結果為 happly happy

刪除屬性

使用 delete 來進行刪除

let shop = {
Name : "happy Store",
status : "Open",
storeItems : 5
};


delete shop.storeItems;
console.log(shop.storeItems); //  結果變成 undefined

後記

今天是第五天,說明了物件的格式及新增修改及讀取的方式
這次我的學習紀錄,歡迎各路大神的指點指教
我們下次見~


上一篇
[ Day 4 ] - 陣列基本介紹
下一篇
[ Day 6] - 陣列與物件的混合使用
系列文
初心者解任務啦!JS 的 30 道任務30

尚未有邦友留言

立即登入留言