JSON(JavaScript Object Notation, JS 對象標記) 是一種輕量級的數據交換格式。它基于 ECMAScript (w3c制定的js規(guī)范)的一個子集，采用完全獨立于編程語言的文本格式來存儲和表示數據。簡潔和清晰的層次結構使得 JSON 成為理想的數據交換語言。 易于人閱讀和編寫，同時也易于機器解析和生成，并有效地提升網絡傳輸效率。

在 JS 語言中，一切都是對象。因此，任何支持的類型都可以通過 JSON 來表示，例如字符串、數字、對象、數組等。但是對象和數組是比較特殊且常用的兩種類型。
對象：對象在 JS 中是使用花括號包裹 {} 起來的內容，數據結構為 {key1：value1, key2：value2, ...} 的鍵值對結構。在面向對象的語言中，key 為對象的屬性，value 為對應的值。鍵名可以使用整數和字符串來表示。值的類型可以是任意類型。
數組：數組在 JS 中是方括號 [] 包裹起來的內容，數據結構為 ["java", "javascript", "vb", ...] 的索引結構。在 JS 中，數組是一種比較特殊的數據類型，它也可以像對象那樣使用鍵值對，但還是索引使用得多。同樣，值的類型可以是任意類型。

既然你問完問題就跑了，也不補充具體的內容。當然要和你講道理了。JSON就是對象data = {a:1}，咋獲取呢？當然是data.a了。

1. 你所謂的引入到頁面是什么意思？ 是提取個別數據值來展示還是全部？如果是個別，其實用不到“遍歷”吧。
2. 你所謂的遍歷又是什么意思？遍歷文件內容到前臺又是什么意思？

data.json 數據文件加載到頁面中會不會？有這個基礎后，估計你的需求解決就很簡單了。建議你先去看看介紹 JSON。里面也有你需要的data.json加載方法。

用webpack編譯的話，可以使用require先引入，比如let data = require('data.json')