JavaScript前后端JSON使用方法教程

2023-07-10 22:28:03 77

汇总整理下JSON在JavaScript前后端中的使用方法，包括字符串和JSON对象的互转，JSON数组的遍历，JSON对象key值的获取，JSON内容格式化输出到文件，读取JSON内容文件转化为JSON对象等。

一、JavaScript后端JSON操作方法

1、JavaScriptJSON字符串转JSON对象

vartestStr='{"name":"will","age":18,"hobby":"football"}'
varjsonObj=JSON.parse(testStr)

2、JSJSON对象转字符串

vartestObj={
"name":'will',
"age":'18',
"hobby":'football'
}
varjsonStr=JSON.stringify(testObj)

3、JavaScriptJSON数组的遍历

一种是for循环遍历：

for(varl=0;l
一种是键值遍历：
vartestJSArray=[
{"number":'one'},
{"number":"two"},
{"number":"three"},
{"number":"four"},
{"number":"five"},
{"number":"six"},
]
for(indexintestJSArray){
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、JSJSON数组合并
数组合并连接用concat方法，前端和后端都是用concat。
vartestJSArray01=[
{"name":'one'},
{"name":"two"},
{"name":"three"},
]
vartestJSArray02=[
{"name":"four"},
{"name":"five"},
{"name":"six"},
]
vartestJSONMerge=testJSArray01.concat(testJSArray02)

5、JavaScript获取JSON对象key值
vartestObj={
"name":'will',
"age":'18',
"hobby":'football'
}
for(varkeyintestObj){
console.log("key:"+key+",value:"+testObj[key])
}

输出内容如下：

key:name,value:will

key:age,value:18

key:hobby,value:football

6.JS格式化输出JSON内容到文件
varwriteStream=fs.createWriteStream(filePath);

returnnewPromise(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字符串内容都可以。
varfilePath='xxx/xxx/test.json'
varfileContent=fs.readFileSync(filePath).toString();
varfileJson=JSON.parse(fileContent);

二、JavaScript前端JSON操作方法
1、字符串转JSON，angular.fromJson()等价于JSON.parse()
varprocessInfo=angular.fromJson('{"process":[]}');

2、JSON转字符串，angular.toJson()等价于JSON.stringify()
varout=angular.toJson(jsonObj,true);

3、JSON数组遍历
angular.forEach(jsonArray,function(jsonItem){

});


4、判断JSON对象是否含有某个Key值
比如判断jsonObj这个对象是否含有“samples”这个key值
jsonObj.hasOwnProperty("samples")

总结
到此这篇关于JavaScript前后端JSON使用方法教程的文章就介绍到这了,更多相关JS前后端JSON使用内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票！

JavaScript前后端JSON使用方法教程

热门推荐

随机推荐