在編寫代碼時(shí),開發(fā)者有時(shí)需要存儲(chǔ)一些比較多，在應(yīng)用程序運(yùn)行時(shí)不需要更改的數(shù)據(jù)。文件大不便于寫在代碼中，可以把這些數(shù)據(jù)存儲(chǔ)到JSON文件中。

優(yōu)點(diǎn)非常明顯：
1. 數(shù)據(jù)存放在單獨(dú)的文件中，代碼精簡(jiǎn)有條理。
2. JSON數(shù)據(jù)格式便于閱讀，修改。

給大家演示下，在項(xiàng)目目錄下建立一個(gè)名為data的目錄，在data目錄下創(chuàng)建一個(gè)名為Student.json的文本文件：

{"student":[{"name":"張三","age":20},{"name":"李四","age":18}] }

當(dāng)我們需要使用JSON文件中的數(shù)據(jù)時(shí)，在代碼中加入：

let studentData=require('./data/student.json');

請(qǐng)注意: JSON文件的后綴必須是小寫的。

現(xiàn)在就可以將studentData 變量作為一個(gè)類的對(duì)象使用了。

componentWillMount() {console.log("data type:"+typeof(studentData));console.log("student length:"+studentData.student.length);console.log("student1 name:"+studentData.student[0].name);console.log("student1 age:"+studentData.student[0].age);console.log("student2 name:"+studentData.student[1].name);console.log("student2 age:"+studentData.student[1].age);}

運(yùn)行結(jié)果:

更多精彩請(qǐng)關(guān)注微信公眾賬號(hào)likeDev

與50位技術(shù)專家面對(duì)面20年技術(shù)見證，附贈(zèng)技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的[React Native] 解析JSON文件的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。