[React Native] 解析JSON文件

730 查看

在编写代码时,开发者有时需要存储一些比较多,在应用程序运行时不需要更改的数据。文件大不便于写在代码中,可以把这些数据存储到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,公众账号名称:爱上Android。


likeDev.jpg