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

更新时间：2017年04月19日 17:00:10 投稿：mrr

这篇文章主要介绍了javascript中json对象json数组json字符串互转及取值方法,需要的朋友可以参考下

今天用到了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字符串互转及取值方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

在JS方法中返回多个值的方法汇总
本文给大家汇总了在javascript方法中返回多个值的方法，都是在个人项目中检验过的，这里推荐给大家，有需要的小伙伴可以参考下。
2015-05-05
JavaScript库urlcat 之URL构建器库
这篇文章主要介绍了JavaScript库urlcat之URL构建器库，urlcat 是一个小型的JavaScript库，使构建URL非常方便并防止常见错误。下文来看对其详细介绍吧，需要的小伙伴可以参考一下
2022-02-02
JavaScript实现带播放列表的音乐播放器实例分享
这篇文章主要介绍了JavaScript实现带播放列表的音乐播放器实例分享,包括对播放完歌单之后没有将要播放的歌曲的提示功能,需要的朋友可以参考下
2016-03-03
原生javascript实现获取指定元素下所有后代元素的方法
这篇文章主要介绍了原生javascript实现获取指定元素下所有后代元素的方法,在进行web程序设计时是非常实用的技巧,需要的朋友可以参考下
2014-10-10
关于事件mouseover ,mouseout ,mouseenter,mouseleave的区别
mouseover ,mouseout ,mouseenter,mouseleave，都是鼠标点击而触发的事件，各自代表什么意思，有哪些区别呢？下面跟着脚本之家小编一起看看吧
2015-10-10
JavaScript中的return语句简单介绍
return语句在js中起到举足轻重的作用，该关键字不仅具有返回函数值得功能，还具有一些特殊的用法，有个清晰的把握是非常有必要的，下面通过本篇文章给大家简单介绍下return语句的作用
2015-12-12
关于JavaScript的内存与性能问题解决汇总
这篇文章主要介绍了关于JavaScript的内存与性能问题解决汇总，在JavaScript中，页面中事件处理程序的数量与页面整体性能直接相关，原因有很多，下面就一起来看看具体的总结吧
2022-04-04
微信小程序如何同时获取用户信息和用户手机号
小程序登录是现在小程序里面很普遍的一个功能,因为官方提供的方法,可以一键获取到用户信息,一键拿到手机号,这篇文章主要给大家介绍了关于微信小程序如何同时获取用户信息和用户手机号的相关资料,需要的朋友可以参考下
2021-08-08
总结28个令人惊艳的JavaScript单行代码
JavaScript作为一种强大而灵活的脚本语言,充满了许多令人惊艳的特性,本文将带你探索28个令人惊艳的JavaScript单行代码,展示它们的神奇魅力,感兴趣的同学跟着小编一起来看看吧
2023-12-12
JavaScript函数基础详解
本文主要介绍了JavaScript函数的基础知识。具有很好的参考价值，下面跟着小编一起来看下吧
2017-02-02