利用JS操作JSON常用方法(实用,图文教程)
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了利用JS操作JSON常用方法(实用,图文教程),小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含3735字,纯文字阅读大概需要6分钟。
内容图文
![利用JS操作JSON常用方法(实用,图文教程)](/upload/InfoBanner/zyjiaocheng/291/ba76e78df10b4d5aaa1fd69a558542ed.jpg)
一、概念简介
1.对象
var packJson = {"name":"Liza", "password":"123"};
2.数组
var packJson = [{"name":"Liza", "password":"123"}, {"name":"Mike", "password":"456"}];
二、JSON对象和JSON字符串的转换
JSON字符串:
var jsonStr ='{"name":"Liza", "password":"123"}' ;
JSON对象:
var jsonObj = {"name":"Liza", "password":"123"};
1、JSON字符串转化JSON对象
var jsonObject= jQuery.parseJSON(jsonstr);
2、JSON对象转化JSON字符串
var jsonstr =JSON.stringify(jsonObject );
三、JSON的输出美化
JSON.stringify(value[, replacer [, space]])
我们看下代码:
var formatJsonStr=JSON.stringify(jsonObject,undefined, 2);
![利用JS操作JSON常用方法(实用,图文教程) - 文章图片](/upload/getfiles/0001/2021/4/22/20210422053938481.jpg)
![利用JS操作JSON常用方法(实用,图文教程) - 文章图片](/upload/getfiles/0001/2021/4/22/20210422053938549.jpg)
四、JSON字符串的替换
![利用JS操作JSON常用方法(实用,图文教程) - 文章图片](/upload/getfiles/0001/2021/4/22/20210422053938592.jpg)
代码如下,这里的gm是固定的,g表示global,m表示multiple:
var jsonStr=jsonStr.replace(new RegExp('\\"',"gm"), '"' );
![利用JS操作JSON常用方法(实用,图文教程) - 文章图片](/upload/getfiles/0001/2021/4/22/20210422053938665.jpg)
五、遍历JSON对象和JSON数组
1、遍历JSON对象代码如下:
var packJson = {"name":"Liza", "password":"123"} ; for(var k in packJson ){//遍历packJson 对象的每个key/value对,k为key alert(k + " " + packJson[k]); }
2、遍历JSON数组代码如下:
var packJson = [{"name":"Liza", "password":"123"}, {"name":"Mike", "password":"456"}]; for(var i in packJson){//遍历packJson 数组时,i为索引 alert(packJson[i].name + " " + packJson[i].password); }
六、递归遍历
![利用JS操作JSON常用方法(实用,图文教程) - 文章图片](/upload/getfiles/0001/2021/4/22/20210422053938734.jpg)
![利用JS操作JSON常用方法(实用,图文教程) - 文章图片](/upload/getfiles/0001/2021/4/22/20210422053938778.jpg)
递归代码如下:
/** *返回处理后的 json字符串 */ function jsonParse(jsonObj) { distinctJson(jsonObj); var last=JSON.stringify(jsonObj, undefined, 2); return last; } /** * 去掉 json中数组多余的项 */ function distinctJson(obj) { if(obj instanceof Array) { if(obj.length > 1) { //数组中有超过一个对象,删除第一个对象之后的所有对象 obj.splice(1, (obj.length - 1)); } distinctJson(obj[0]); } elseif(obj instanceof Object) { for( var index in obj){ var jsonValue = obj[index]; distinctJson(jsonValue); } } }
![利用JS操作JSON常用方法(实用,图文教程) - 文章图片](/upload/getfiles/0001/2021/4/22/20210422053938842.jpg)
![利用JS操作JSON常用方法(实用,图文教程) - 文章图片](/upload/getfiles/0001/2021/4/22/20210422053938894.jpg)
![利用JS操作JSON常用方法(实用,图文教程) - 文章图片](/upload/getfiles/0001/2021/4/22/20210422053938947.jpg)
递归代码如下:
/** * 递归查找目标节点 */ function findTarget(obj,targetId,targetChildren){ if(obj.id==targetId){ obj.children=targetChildren; returntrue; }else{ if(obj.children!=null){ for(var i=0; i<obj.children.length; i++){ var flag=findTarget(obj.children[i],targetId,targetChildren); if(flag==true){ returntrue; } } } } returnfalse; }
上面是我整理给大家的JS操作JSON常用方法,希望今后会对大家有帮助。
相关文章:
JavaScript使用forEach()与jQuery使用each遍历数组时return false 的区别
JavaScript实现把rgb颜色转换成16进制颜色的方法
详细了解JavaScript Array 对象的基本内容
以上就是利用JS操作JSON常用方法(实用,图文教程)的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的利用JS操作JSON常用方法(实用,图文教程)全部内容,希望文章能够帮你解决利用JS操作JSON常用方法(实用,图文教程)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。