iT邦幫忙

2022 iThome 鐵人賽

DAY 20
0

上一篇做了些物件的基本功能及使用方式介紹,本篇會再以物件為主題做一些補充。

  • 物件中的物件
  • 新增物件屬性
  • 修改物件值
  • 刪除物件資料

上一回有提到物件中的內容皆為屬性非變數,若今天須把屬性中其中一個值當作變數可以這麼做

let dog = {
	name : "芒狗",
	age : 5,
};
let myDog = dog.name; // 宣告一個值為物件dog中的name並命名為mydog
console.log(myDog); // 打印出mydog的值

物件中的物件

上一篇提到物件該如何使用、存放屬性及呼叫方式,若今天物件屬性較複雜時又該如何呼叫呢?

var movie = {
  title: "About Time",
  maker: "李察·寇蒂斯",
  duration: 124,
  main_actors:[
   {
     name:"多姆納爾·格里森",
     age:39,
     is_male:true
   },
    {
     name:"瑞秋·麥亞當斯",
     age:43,
     is_male:false
    }
  ]
};

main_actors中用了[ ]陣列而內容再使用{ }陳述物件

movie.title // About Time;
// movie物件->main_actors第0個陣列->name的屬性
movie.main_actors[0].name // 多姆納爾·格里森

新增物件屬性

透過直接賦予value的方式新增屬性

let dog = {
	name: "芒狗",
	age: 5,
};

dog.brother = true;
console.log(dog)

修改物件屬性

類似於變數的觀念,假設我的狗狗生日多了一歲想改名成火龍狗

dog.name= "火龍狗";
dog.age+= 1;

console.log(dog); //dog物件的值被修改覆蓋

刪除物件屬性

需要刪除一筆資料時可以使用delete,假設我的狗狗的兄弟很不幸的離開了

delete dog.brother;
//狗狗掰掰QQ
console.log(dog.brother); // undefinded

以上用了狗狗去做一些範例,若有問題也可以一起討論與指教~


上一篇
【Day19】物件Object
下一篇
【Day21】JSON格式中的陣列與物件
系列文
喜歡打程式嗎?從JavaScript基礎來進行興趣初探!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言