[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
- [React Native] 解析JSON文件
- React Native 之读取JSON 文件
- React Native 之读取JSON 文件
- React Native文件上传下载
- react native 实现原理解析
- React Native运行原理解析
- React Native运行原理解析
- React Native 文件模板配置
- React Native 引用GIF文件
- react native 之上传文件
- react-native实现文件上传
- Native JSON : window.JSON解析json data
- 1、React Native 中ES6语法解析
- React Native控件之View视图解析
- 【ReactNative】react native 中es6语法解析
- React Native 组件之Touchable*源码解析
- react-native-art path代码解析
- react native 编写Hello World的解析
- 正则表达式出现的一个错误java.lang.IllegalStateException: No successful match so far
- 面向对象 定义汽车类Vehicle属性(brand(品牌),color(颜色))方法run,子类卡车(Truck)属性 weight载重 方法拉货,轿车(Car) 属性pssebger载客数量
- 人生计划那点事儿。。。。。。。
- 对于HTML页面中CSS, JS, HTML的加载与执行过程的简单分析
- IOS tableView滑动设置导航栏透明度渐变 类似QQ空间导航栏渐变
- [React Native] 解析JSON文件
- 浅谈java static
- linux命令 ln
- UrlRewrite实现地址重写
- strust2 配置讲解
- sort() asort()和 usort()的区别
- 精通机器学习的5本免费电子书(5 free e-books for machine learning mastery)
- 建议78:应避免线程数量过多
- 第30篇 研究IOS端一对一的Bug及装黑苹果