iT邦幫忙

3

JavaScript 基礎知識-物件屬性的讀取

  • 分享至 

  • xImage
  •  

前面介紹到了物件的基本概念,以及基本語法,這篇介紹物件的屬性

舉房子的例子,房子內2間房間,有小明和小華:

var house = {
    room: 2,
    people: ['小明','小華'],
}

當我們想要讀取房子有幾間房間,且把它輸出輸出出來時,這時:
console.log(house.room);
這時候在 console 看,就會顯示 2,以此類推,當我們想要知道其他屬性時:
物件名稱.屬性

照上面,若想要知道房子內的 people 屬性:
console.log(house.people);
但此時 console 會把 people 這個屬性的整個陣列輸出出來
但假設我只要陣列的第一筆資料,前面講到讀取陣列的值就可以應用上了:
console.log(house.people[0]);
用中括號包著,裡面帶入索引編號,此時 console 就會輸出小明了

當然物件的屬性除了預先設置之外,我們也可以在中途新增屬性:
house.dogs = ['柴犬','科基'];
像這樣我們就幫 house 物件新增了一個 dogs 屬性了,且賦予值['柴犬','科基']
此時我們在 console 呼叫 house 這個物件就會如下:

house = {
    room: 2,
    people: ['小明','小華'],
    dogs: ['柴犬','科基'],
}

當然我們也可以刪除物件的屬性,假設今天我們要刪除 house 物件的 room 屬性:
delete house.room;
此時用 console 呼叫 house 物件,就會如下:

house = {
    people: ['小明','小華'],
    dogs: ['柴犬','科基'],
}

以上是物件屬性的讀取 /images/emoticon/emoticon41.gif


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

1 則留言

0
a0933951001
iT邦新手 5 級 ‧ 2019-04-01 16:26:17

good

/images/emoticon/emoticon37.gif

我要留言

立即登入留言