iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 11
0
自我挑戰組

JavaScript學習日誌系列 第 11

學習日誌11-JSON

  • 分享至 

  • xImage
  •  

JSON格式

JSON(JavaScript Object Notation,JavaScript物件表示法)是一種輕量級的資料交換語言,該語言以易於讓人閱讀的文字為基礎,用來傳輸由屬性值或者序列性的值組成的資料物件。

簡易來說就是JavaScript的陣列物件

JSON應用練習

利用opendata來應用練習,可以使用政府提供的資料,政府資料開放平台(https://data.gov.tw/)
這次使用以下josn資料來練習

新北市運動地圖

  1. var sportData先設定一個變數,把json提供的陣列資料放進去。
  2. console.log(sportdata.length);可以先console一下看有沒有抓成功
  3. 找尋萬里地區可以運動的場所,萬里地區郵遞區號是207
  4. 此json的郵遞區號是用G_country表示,G_title則是場所名稱

開始編寫練習:

var sportdata = [新北市運動地圖json(略)]
console.log(sportdata.length);

function findSport(){
    for(var i=0;i<sportdata.length;i++){
        if(sportdata[i].G_country == "207" ){
            console.log("萬里地區 :" + sportdata[i].G_title);
        }
    }
}

findSport();

執行結果:

  • 此json資料筆數共1095筆
  • 萬里地區 :萬里區-籃球場
  • 萬里地區 :崁腳里活動中心
  • 萬里地區 :野柳里活動中心
  • 萬里地區 :萬里國民小學
  • 萬里地區 :野柳國民小學
  • 萬里地區 :大鵬國民小學
  • 萬里地區 :大坪國民小學
  • 萬里地區 :崁腳國民小學
  • 萬里地區 :萬里國民中學
  • 萬里地區 :富士坪、鹿堀坪古道登山步道
  • 萬里地區 :東澳漁港至龜吼漁港

練習成功~


上一篇
學習日誌10-迴圈
下一篇
學習日誌12-DOM
系列文
JavaScript學習日誌30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言