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 相关文章推荐
jQuery数组处理代码详解(含实例演示)
Feb 03 Javascript
《JavaScript高级程序设计》阅读笔记(三) ECMAScript中的引用类型
Feb 27 Javascript
JS动态创建Table,Tr,Td并赋值的具体实现
Jul 05 Javascript
火狐下input焦点无法重复获取问题的解决方法
Jun 16 Javascript
jQuery中odd选择器的定义和用法
Dec 23 Javascript
jQuery解析XML 详解及方法总结
Sep 28 Javascript
AngularJS表单和输入验证实例
Nov 02 Javascript
js获取地址栏参数的两种方法
Jun 27 Javascript
js 实现在2d平面上画8的方法
Oct 10 Javascript
Vue运用transition实现过渡动画
May 06 Javascript
详解Vue之计算属性
Jun 20 Javascript
JS制作简易计算器的实例代码
Jul 04 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
收音机发烧友应当熟知的100条知识
2021/03/02 无线电
支持数组的ADDSLASHES的php函数
2010/02/16 PHP
PHP实现邮件群发的源码
2013/06/18 PHP
php实例分享之mysql数据备份
2014/05/19 PHP
PHP中创建图像并绘制文字的例子
2014/11/19 PHP
Laravel 5框架学习之子视图和表单复用
2015/04/09 PHP
了解PHP的返回引用和局部静态变量
2015/06/04 PHP
微信公众号判断用户是否已关注php代码解析
2016/06/24 PHP
lnmp安装多版本PHP共存的方法详解
2018/08/02 PHP
小程序微信支付功能配置方法示例详解【基于thinkPHP】
2019/05/05 PHP
jquery 使用点滴函数代码
2011/05/20 Javascript
javascript实现div的显示和隐藏的小例子
2013/06/25 Javascript
js获取对象为null的解决方法
2013/11/21 Javascript
window.open()实现post传递参数
2015/03/12 Javascript
js实现带圆角的两级导航菜单效果代码
2015/08/24 Javascript
JS通过Cookie判断页面是否为首次打开
2016/02/05 Javascript
Knockoutjs 学习系列(一)ko初体验
2016/06/07 Javascript
angularjs定时任务的设置与清除示例
2017/06/02 Javascript
Vue中keep-alive的两种应用方式
2020/07/15 Javascript
Mac中Python 3环境下安装scrapy的方法教程
2017/10/26 Python
Sanic框架流式传输操作示例
2018/07/18 Python
解决Pycharm下面出现No R interpreter defined的问题
2018/10/29 Python
linux安装python修改默认python版本方法
2019/03/31 Python
浅析Python 中几种字符串格式化方法及其比较
2019/07/02 Python
Python 解码Base64 得到码流格式文本实例
2020/01/09 Python
python实现低通滤波器代码
2020/02/26 Python
CSS3实现淘宝留白的方法
2020/06/05 HTML / CSS
详解CSS3+JS完美实现放大镜模式
2020/12/03 HTML / CSS
input file上传文件样式支持html5的浏览器解决方案
2012/11/14 HTML / CSS
澳大利亚领先的在线美容商城:Adore Beauty
2017/04/14 全球购物
竞聘医务工作人员的自我评价分享
2013/11/04 职场文书
茶叶生产计划书
2014/01/10 职场文书
小学毕业感言50字
2014/02/16 职场文书
2014法制宣传日活动总结范文
2014/11/01 职场文书
应届生求职自荐信范文
2015/03/04 职场文书
Win11怎样将锁屏账户头像图片改成动画视频
2021/11/21 数码科技