如何遍歷data.json文件內(nèi)容到前臺(tái)

JSON(JavaScript Object Notation, JS 對(duì)象標(biāo)記) 是一種輕量級(jí)的數(shù)據(jù)交換格式。它基于 ECMAScript (w3c制定的js規(guī)范)的一個(gè)子集，采用完全獨(dú)立于編程語(yǔ)言的文本格式來(lái)存儲(chǔ)和表示數(shù)據(jù)。簡(jiǎn)潔和清晰的層次結(jié)構(gòu)使得 JSON 成為理想的數(shù)據(jù)交換語(yǔ)言。 易于人閱讀和編寫，同時(shí)也易于機(jī)器解析和生成，并有效地提升網(wǎng)絡(luò)傳輸效率。

在 JS 語(yǔ)言中，一切都是對(duì)象。因此，任何支持的類型都可以通過(guò) JSON 來(lái)表示，例如字符串、數(shù)字、對(duì)象、數(shù)組等。但是對(duì)象和數(shù)組是比較特殊且常用的兩種類型。
對(duì)象：對(duì)象在 JS 中是使用花括號(hào)包裹 {} 起來(lái)的內(nèi)容，數(shù)據(jù)結(jié)構(gòu)為 {key1：value1, key2：value2, ...} 的鍵值對(duì)結(jié)構(gòu)。在面向?qū)ο蟮恼Z(yǔ)言中，key 為對(duì)象的屬性，value 為對(duì)應(yīng)的值。鍵名可以使用整數(shù)和字符串來(lái)表示。值的類型可以是任意類型。
數(shù)組：數(shù)組在 JS 中是方括號(hào) [] 包裹起來(lái)的內(nèi)容，數(shù)據(jù)結(jié)構(gòu)為 ["java", "javascript", "vb", ...] 的索引結(jié)構(gòu)。在 JS 中，數(shù)組是一種比較特殊的數(shù)據(jù)類型，它也可以像對(duì)象那樣使用鍵值對(duì)，但還是索引使用得多。同樣，值的類型可以是任意類型。

既然你問(wèn)完問(wèn)題就跑了，也不補(bǔ)充具體的內(nèi)容。當(dāng)然要和你講道理了。JSON就是對(duì)象data = {a:1}，咋獲取呢？當(dāng)然是data.a了。

1. 你所謂的引入到頁(yè)面是什么意思？ 是提取個(gè)別數(shù)據(jù)值來(lái)展示還是全部？如果是個(gè)別，其實(shí)用不到“遍歷”吧。
2. 你所謂的遍歷又是什么意思？遍歷文件內(nèi)容到前臺(tái)又是什么意思？

data.json 數(shù)據(jù)文件加載到頁(yè)面中會(huì)不會(huì)？有這個(gè)基礎(chǔ)后，估計(jì)你的需求解決就很簡(jiǎn)單了。建議你先去看看介紹 JSON。里面也有你需要的data.json加載方法。

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