[React Native] 解析JSON文件

  • Z时代
  • 2024-01-10
  • 分类：综合

react

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

以上是 [React Native] 解析JSON文件 的全部内容， 来源链接： utcz.com/z/382233.html

回到顶部