iT邦幫忙

2024 iThome 鐵人賽

DAY 5
2
佛心分享-IT 人自學之術

菜雞學習JavaScript的30日讀書分享系列 第 5

菜雞學習JavaScript的30日讀書分享【Day 5】物件

  • 分享至 

  • xImage
  •  

前言

====================本系列文章沒有什麼高深的理論====================
====================純粹是以一個菜雞的視角來分享====================

物件

我們知道了基本型別的內容後,接著來介紹物件,除了基本型別以外的值其實都算是物件,在早期的時候我們必須使用new這個關鍵字才能生成一個物件。

const dog = new Object();

dog.color = "black";
dog.age = 10;

不過現在只要使用{}就能生成一個物件,很方便吧。

const cat = {
    color:"black",
    age : 10;
}

屬性存取

物件的屬性可以透過.或是[]來進行存取

const cat = {
    color:"black",
    age : 10;
}

cat.color; // "black"
cat[age]; // 10

屬性新增

如果想要新增只要使用=來指定就可以了

const bear = {};

bear.color = "white";

bear.color; // "white"

屬性刪除

屬性刪除的話則是使用delete關鍵字來刪除

const bear = {};

bear.color = "white";

delete bear.color;

bear.color; // undefined 

屬性判斷

該如何判斷此屬性有沒有存在呢?
最簡單的方法就是判斷是不是undefined

const bear = {}

console.log(bear.eat); // undefined


不過這麼做有個缺點,假如剛好這個屬性的值就是undefined就沒用了,所以大家還是要小心一點。

今日的分享就到這囉,我們明天見,掰掰!


上一篇
菜雞學習JavaScript的30日讀書分享【Day 4】資料型別
下一篇
菜雞學習JavaScript的30日讀書分享【Day 6】陣列
系列文
菜雞學習JavaScript的30日讀書分享6
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言