javascript中json对象json数组json字符串互转及取值方法


Posted in Javascript onApril 19, 2017

今天用到了json数组和json对象和json类型字符串之间互转及取值,记录一下:

1.json类型的字符串转换为json对象及取值

var jsonString = '{"bar":"property","baz":3}';
  var jsObject = JSON.parse(jsonString);  //转换为json对象
  alert(jsObject.bar);  //取json中的值

 2.json对象转为json类型的字符串

var jsonString = '{"bar":"property","baz":3}';
var jsObject = JSON.parse(jsonString); //转换为json对象
alert(jsObject.bar); //取json中的值
var st = JSON.stringify(jsObject); //转换为json类型的字符串

3.json数组类型的字符串转换为json及取值 和json对象转换为转换为json字符串

//json数组类型字符串取值
var jsonStr = '[{"id":"01","open":false,"pId":"0","name":"A部门"},{"id":"01","open":false,"pId":"0","name":"A部门"},{"id":"011","open":false,"pId":"01","name":"A部门"},{"id":"03","open":false,"pId":"0","name":"A部门"},{"id":"04","open":false,"pId":"0","name":"A部门"}, {"id":"05","open":false,"pId":"0","name":"A部门"}, {"id":"06","open":false,"pId":"0","name":"A部门"}]';
var jsonObj = JSON.parse(jsonStr);//转换为json对象
for(var i=0;i<jsonObj.length;i++){
    alert(jsonObj[i].id); //取json中的值
}
console.log(jsonObj)
var jsonStr1 = JSON.stringify(jsonObj)
console.log(jsonStr1+"jsonStr1")

 结果:

javascript中json对象json数组json字符串互转及取值方法

以上所述是小编给大家介绍的javascript中json对象json数组json字符串互转及取值方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
window.location和document.location的区别分析
Dec 23 Javascript
对象无length属性时IE6/IE7中无法将其转换成伪数组(ArrayLike)
Jul 31 Javascript
js拖拽一些常见的思路方法整理
Mar 19 Javascript
js实现接收表单的值并将值拼在表单action后面的方法
Nov 23 Javascript
vue2笔记 — vue-router路由懒加载的实现
Mar 03 Javascript
微信小程序动态显示项目倒计时效果
Jun 13 Javascript
Three.js利用顶点绘制立方体的方法详解
Sep 27 Javascript
vue弹窗组件使用方法
Apr 28 Javascript
Javascript中弹窗confirm与prompt的区别
Oct 26 Javascript
基于jQuery实现可编辑的表格
Dec 11 jQuery
javascript中的相等操作符(==与===区别)
Dec 21 Javascript
基于vue-simple-uploader封装文件分片上传、秒传及断点续传的全局上传插件功能
Feb 23 Vue.js
javascript 中null和undefined区分和比较
Apr 19 #Javascript
jQuery Plupload上传插件的使用
Apr 19 #jQuery
Vuex之理解Mutations的用法实例
Apr 19 #Javascript
Vuex之理解Getters的用法实例
Apr 19 #Javascript
Vuex之理解state的用法实例
Apr 19 #Javascript
微信小程序 聊天室简单实现
Apr 19 #Javascript
Vuex之理解Store的用法
Apr 19 #Javascript
You might like
在同一窗体中使用PHP来处理多个提交任务
2008/05/08 PHP
检测png图片是否完整的php代码
2010/09/06 PHP
php+mysql删除指定编号员工信息的方法
2015/01/14 PHP
phpStudy访问速度慢和启动失败的解决办法
2015/11/19 PHP
PHP实现通过URL提取根域名
2016/03/31 PHP
php文件管理基本功能简单操作
2017/01/16 PHP
微信封装的调用微信签名包的类库
2017/06/08 PHP
PHP安全之register_globals的on和off的区别
2020/07/23 PHP
写出更好的JavaScript程序之undefined篇(中)
2009/11/23 Javascript
Jquery实现无刷新DropDownList联动实现代码
2010/03/08 Javascript
文本框input聚焦失焦样式实现代码
2012/10/12 Javascript
JS创建自定义表格具体实现
2014/02/11 Javascript
JavaScript加入收藏夹功能(兼容IE、firefox、chrome)
2014/05/05 Javascript
用队列模拟jquery的动画算法实例
2015/01/20 Javascript
jquery实现炫酷的叠加层自动切换特效
2015/02/01 Javascript
JS+CSS实现的简单折叠展开多级菜单效果
2015/09/12 Javascript
纯JS代码实现气泡效果
2016/05/04 Javascript
vue点击自增和求和的实例代码
2019/11/06 Javascript
python清理子进程机制剖析
2017/11/23 Python
通过Python 获取Android设备信息的轻量级框架
2017/12/18 Python
python3.x实现base64加密和解密
2019/03/28 Python
python 3.7.4 安装 opencv的教程
2019/10/10 Python
Python是什么 Python的用处
2020/05/26 Python
python单元测试框架pytest的使用示例
2020/10/07 Python
Myprotein瑞典官方网站:畅销欧洲英国运动营养品牌
2018/01/22 全球购物
世界上最大的隐形眼镜商店:1-800 Contacts
2018/11/03 全球购物
Perfume’s Club美国官网:西班牙第一家在线美容店
2020/06/10 全球购物
写给保洁员表扬信
2014/01/08 职场文书
房屋买卖委托公证书
2014/04/08 职场文书
环境监测与治理技术专业求职信
2014/07/06 职场文书
公司庆典欢迎词
2015/01/26 职场文书
2016年春季开学典礼新闻稿
2015/11/25 职场文书
升职感谢领导的话语及升职感谢信
2019/06/24 职场文书
Nginx本地目录映射实现代码实例
2021/03/31 Servers
详解Mysql和Oracle之间的误区
2021/05/18 MySQL
总结一些Java常用的加密算法
2021/06/11 Java/Android