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 相关文章推荐
Javascript miscellanea -display data real time, using window.status
Jan 09 Javascript
Mootools 1.2教程 选项卡效果(Tabs)
Sep 15 Javascript
JavaScript判断一个URL链接是否有效的实现方法
Oct 08 Javascript
javascript模拟订火车票和退票示例
Apr 24 Javascript
两个多选select(multiple左右)添加、删除选项和取值实例
May 12 Javascript
使用jquery动态加载js文件的方法
Dec 24 Javascript
jquery实现简单的无缝滚动
Apr 15 Javascript
url传递的参数值中包含&amp;时,url自动截断问题的解决方法
Aug 02 Javascript
jQuery快速实现商品数量加减的方法
Feb 06 Javascript
微信页面弹出键盘后iframe内容变空白的解决方案
Sep 20 Javascript
JavaScript实现一个简易的计算器实例代码
May 10 Javascript
VUE DOM加载后执行自定义事件的方法
Sep 07 Javascript
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的类 功能齐全的发送邮件类
2006/10/09 PHP
生成php程序的php代码
2008/04/07 PHP
PHP SEO优化之URL优化方法
2011/04/21 PHP
str_replace只替换一次字符串的方法
2013/04/09 PHP
详解PHP错误日志的获取方法
2015/07/20 PHP
使用一个for循环将N*N的二维数组的所有值置1实现方法
2017/05/29 PHP
Laravel框架FormRequest中重写错误处理的方法
2019/02/18 PHP
PHP反射原理与用法深入分析
2019/09/28 PHP
jquery实现网页查找功能示例分享
2014/02/12 Javascript
jQuery实现点击图片翻页展示效果的方法
2015/02/16 Javascript
javascript的列表切换【实现代码】
2016/05/03 Javascript
ionic实现带字的toggle滑动组件
2016/08/27 Javascript
javascript表达式和运算符详解
2017/02/07 Javascript
bootstrap table操作技巧分享
2017/02/15 Javascript
Vue.js 2.0中select级联下拉框实例
2017/03/06 Javascript
如何使用vuejs实现更好的Form validation?
2017/04/07 Javascript
Vue.js对象转换实例
2017/06/07 Javascript
如何通过非数字与字符的方式实现PHP WebShell详解
2017/07/02 Javascript
[01:38]DOTA2辉夜杯 欢乐的观众现场采访
2015/12/26 DOTA
[02:42]决战东方!DOTA2亚洲邀请赛重启荣耀之争
2017/03/17 DOTA
[07:09]DOTA2-DPC中国联赛 正赛 Ehome vs Elephant 选手采访
2021/03/11 DOTA
python定时器(Timer)用法简单实例
2015/06/04 Python
python 申请内存空间,用于创建多维数组的实例
2019/12/02 Python
TensorFlow tf.nn.softmax_cross_entropy_with_logits的用法
2020/04/19 Python
Docker如何部署Python项目的实现详解
2020/10/26 Python
澳大利亚最好的电动自行车:Leon Cycle
2020/12/19 全球购物
积极分子思想汇报
2014/01/04 职场文书
财务总经理岗位职责
2014/02/16 职场文书
政府班子四风问题整改措施思想汇报
2014/10/08 职场文书
医院科室评语
2015/01/04 职场文书
万能检讨书
2015/01/27 职场文书
贫困证明书范文
2015/06/16 职场文书
获奖感言怎么写
2015/07/31 职场文书
2020年元旦祝福语录,总有适合你的
2019/12/31 职场文书
使用nginx动态转换图片大小生成缩略图
2021/03/31 Servers
为什么MySQL选择Repeatable Read作为默认隔离级别
2021/07/26 MySQL