时间:2021-05-26
汇总整理下JSON在JavaScript前后端中的使用方法,包括字符串和JSON对象的互转,JSON数组的遍历,JSON对象key值的获取,JSON内容格式化输出到文件,读取JSON内容文件转化为JSON对象等。
一、JavaScript后端JSON操作方法
1、JavaScript JSON字符串转JSON对象
var testStr = '{"name":"will","age":18,"hobby":"football"}'var jsonObj = JSON.parse(testStr)2、JS JSON对象转字符串
var testObj = { "name": 'will', "age": '18', "hobby": 'football'}var jsonStr = JSON.stringify(testObj)3、JavaScript JSON数组的遍历
一种是for循环遍历:
for (var l = 0; l < jsonArray.length; l++) { var jsonItem = jsonArray[l]}一种是键值遍历:
var testJSArray = [ {"number": 'one'}, {"number": "two"}, {"number": "three"}, {"number": "four"}, {"number": "five"}, {"number": "six"},]for(index in testJSArray){ console.log("index:" + index + "; name:" + testJSArray[index].number)}输出内容如下:
index:0; number:one
index:1; number:two
index:2; number:three
index:3; number:four
index:4; number:five
index:5; number:six
4、JS JSON数组合并
数组合并连接用concat方法,前端和后端都是用concat。
var testJSArray01 = [ {"name": 'one'}, {"name": "two"}, {"name": "three"},]var testJSArray02 = [ {"name": "four"}, {"name": "five"}, {"name": "six"},]var testJSONMerge = testJSArray01.concat(testJSArray02)5、JavaScript获取JSON对象key值
var testObj = { "name": 'will', "age": '18', "hobby": 'football'}for (var key in testObj){ console.log("key:" + key + ", value:" + testObj[key])}输出内容如下:
key:name, value:will
key:age, value:18
key:hobby, value:football
6. JS格式化输出JSON内容到文件
var writeStream = fs.createWriteStream(filePath);return new Promise(function(resolve, reject) { writeStream.write("写入你需要的字符串内容"); // 换行,如果是字符串中包含换行的字符,写入到.txt文件的时候并不能换行,需要输出换行符才行。 writeStream.write("\n"); // 格式化输出JSON字符串内容, JSONObj是要输出的JSON数据对象 writeStream.write(JSON.stringify(JSONObj, null, "\t") + "\n"); writeStream.end(); writeStream.on('finish', () => { resolve(filePath); });});7、JavaScript读取JSON文件内容
不管内容是保存成.json还是.txt,只要是合法的JSON字符串内容都可以。
var filePath = 'xxx/xxx/test.json'var fileContent = fs.readFileSync(filePath).toString();var fileJson = JSON.parse(fileContent);二、JavaScript前端JSON操作方法
1、字符串转JSON,angular.fromJson() 等价于JSON.parse()
var processInfo = angular.fromJson('{"process":[]}');2、JSON转字符串,angular.toJson() 等价于JSON.stringify()
var out = angular.toJson(jsonObj, true);3、JSON数组遍历
angular.forEach(jsonArray, function(jsonItem) {});4、判断JSON对象是否含有某个Key值
比如判断jsonObj这个对象是否含有“samples”这个key值
jsonObj.hasOwnProperty("samples")总结
到此这篇关于JavaScript前后端JSON使用方法教程的文章就介绍到这了,更多相关JS前后端JSON使用内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
在ajax横行的今天,json顺理成章地成为了前后端交互一个极其重要的工具。对于PHP来说,通常使用json_encode方法将一个PHP组数,转换成前端可以解
在一个网站,大量数据的前后端交互,JSON是最好的传递数据方式了。在Django中,使用JSON传输数据,有两种方式,一种是使用Python的JSON包,一种是
配置需求来自于前后端分离。后台由于使用PHP或者Java,但是前端使用vue,React这些框架时怎么和后端有效的数据通信。反向代理是个很好的选择,虽然json
想使用nodejs(koa)搭建一个完整的前后端,完成数据的增删改查,又不想使用数据库,那使用json文件吧。本文介绍了基于koa的json文件的增、删、改、查
1.序列化DRF的核心就是前后端分离的核心前后端分离开发的核心:将模型转换为json称之为序列化将json转换为模型称之为反序列化1.序列化器的字段Serial