[React Native] 解析JSON文件

在编写代码时,开发者有时需要存储一些比较多，在应用程序运行时不需要更改的数据。文件大不便于写在代码中，可以把这些数据存储到JSON文件中。

优点非常明显：
1. 数据存放在单独的文件中，代码精简有条理。
2. JSON数据格式便于阅读，修改。

给大家演示下，在项目目录下建立一个名为data的目录，在data目录下创建一个名为Student.json的文本文件：

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

当我们需要使用JSON文件中的数据时，在代码中加入：

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

请注意: JSON文件的后缀必须是小写的。

现在就可以将studentData 变量作为一个类的对象使用了。

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);
    }

运行结果:

更多精彩请关注微信公众账号likeDev

原文地址：https://www.jb51.cc/react/306013.html