---
# System prepended metadata

title: 7. 如何使用 - JSON 資料應用(1)
tags: [JavaScript - for 迴圈]

---

# 7. 如何使用 - JSON 資料應用(1)

- 本節將使用[公開資料](https://raw.githubusercontent.com/hexschool/KCG1999API/master/datastore_search.json)來做範例練習


### 透過 opendate 完成一個任務:

1. 本範例我想透過資料來查詢: 高雄市前鎮區有哪些寺廟，我該怎麼做呢？

```

// 這是 data 裡面其中一筆的物件格式
{
    "Name": "嶾龍宮",
    "Org": "高雄市政府",
    "District": "高雄市大樹區",
    "Address": "和山里和山路805之1號",
    "Religion": "道教",
    "Tel": "07-6528525",
    "Manager": "陳國興"
}
```

2. 透過陣列可知: **District** 為區域，可做為以下 `if` 搜尋條件，**name** 則是宗教場所的名稱。


3. 動手做:


```
var total = data.length;
// 計算資料的陣列長度

for (var i = 0; i < total; i++) {
    if (data[i].District == '高雄市前鎮區') {
        console.log('前鎮區有以下寺廟:' + data[i].Name);
    }
}
```

太棒了 ! 


###### tags: `JavaScript - for 迴圈`