iT邦幫忙

2021 iThome 鐵人賽

DAY 6
0
自我挑戰組

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

[ Day 6] - 陣列與物件的混合使用

  • 分享至 

  • xImage
  •  

陣列與物件混合使用

陣列與物件的混合使用範例

直接以範例說明,需要設計的範例資料上
有兩間店,分別有各自販售的品項,以及地址資料
資料集的設計以以下的方式呈現:

let data = [
    {
        storeName : '路邊咖啡館',
        items : ['cookie','cake','tea','coffee'],
        address : '臺北市中山區oo路'
    },
    {
        storeName : '甜甜飲料店',
        items : ['紅茶','綠茶','鮮奶茶','珍珠奶茶'],
        isAniaml : '臺北市中山區xx路oo號'
    }
]

如何取得資料

若是要取得『路邊咖啡館』的資料值,
範例的資料格式最外層為陣列,資料值位在陣列的第一組資料內,寫法如下

console.log(data[0].storeName);  // 結果為路邊咖啡館

這邊簡單介紹混合使用的情況
這樣的資料集合就很像是 JSON 格式

JSON 可以表示數字、布林值、字串、null、陣列(一些有順序的數值),以及由這些數值所組成的物件
JavaScript MDN

參考資料

後記

這一次簡單介紹混合使用的情況,也算是再次加強自己對於陣列和物件的觀念,
剛開始常常搞混,會有"咦這邊怎麼是這樣" 的感覺,
這是我的學習紀錄,也歡迎各路大神的指點指教!
我們下次見囉~


上一篇
[ Day 5 ] - 物件
下一篇
[ Day 7 ] - 判斷與流程控制
系列文
初心者解任務啦!JS 的 30 道任務30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言