[React Native] 解析JSON文件

来源:互联网 发布:java获取文件相对路径 编辑:程序博客网 时间:2024/05/29 03:28

在编写代码时,开发者有时需要存储一些比较多,在应用程序运行时不需要更改的数据。文件大不便于写在代码中,可以把这些数据存储到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
这里写图片描述

0 1
原创粉丝点击