iT邦幫忙

0

Thunkable學習筆記 3 - 讀取Realtime Database的值(Firebase)

於Realtime Database內手動建立如下圖的資料, 試著使用thunkable讀取, 測試後出現有趣的結果
https://ithelp.ithome.com.tw/upload/images/20210728/20098325H8pT0frE7Q.jpg

程式塊與畫面關系圖
https://ithelp.ithome.com.tw/upload/images/20210728/20098325B9wVkW7bEI.jpg

取[key:data1]的值, 如預期的取回值"stephen", 但porperties的內容則為"0,1,2,3,4,5,6", 好像是符合javascript的原則.
https://ithelp.ithome.com.tw/upload/images/20210728/20098325VpvJ0ICvK5.jpg

取[key:data2]的值, value為[object], properties為次一層的key值集合, thunkable只將第一層定義為key, 其他子層都定義為property, 因此要取得data2的name, 要使用get property of object元件取值
https://ithelp.ithome.com.tw/upload/images/20210728/200983257zRddQu7H8.jpg

取[key:data1]時, 會自動為每一個字元編上數值的property, 而且是從零起編, 試著在property 2填入"3"或者採用屬性表達法, 直接使用"name.3", 都能取出字元"p"
https://ithelp.ithome.com.tw/upload/images/20210728/20098325Lq2N9ktJxW.jpg

那改用陣列方式取值可以嗎? 於property 2填[3]或是使用name[3]都是可以的, 陣列是從1起編.
https://ithelp.ithome.com.tw/upload/images/20210728/20098325NAzstFWHpO.jpg

取[key:data3]的值, 除第一層是key, 其他層都是property, thunkable提供dot notation的方式, 可以減化程式
https://ithelp.ithome.com.tw/upload/images/20210728/20098325yXIOLZ1oMu.jpg

*** 2021-07-29 ***
Key也是允許多層的, 例如[key:data3/emp01]
https://ithelp.ithome.com.tw/upload/images/20210729/20098325UGYG6pVQxW.jpg


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

尚未有邦友留言

立即登入留言