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 相关文章推荐
浅说js变量
May 25 Javascript
拖动table标题实现改变td的大小(css+js代码)
Apr 16 Javascript
JS根据生日算年龄的方法
May 05 Javascript
文字垂直滚动之javascript代码
Jul 29 Javascript
JavaScript基础之流程控制语句的用法
Aug 31 Javascript
layer实现关闭弹出层刷新父界面功能详解
Nov 15 Javascript
详解react内联样式使用webpack将px转rem
Sep 13 Javascript
小程序如何获取多个formId实现详解
Sep 20 Javascript
js Math数学简单使用操作示例
Mar 13 Javascript
vue实现移动端返回顶部
Oct 12 Javascript
vant-ui组件调用Dialog弹窗异步关闭操作
Nov 04 Javascript
Vue基于localStorage存储信息代码实例
Nov 16 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中ob_start()函数的用法
2013/06/24 PHP
php实现通过cookie换肤的方法
2015/07/13 PHP
php读取torrent种子文件内容的方法(测试可用)
2016/05/03 PHP
详解php中serialize()和unserialize()函数
2017/07/08 PHP
PHP有序表查找之二分查找(折半查找)算法示例
2018/02/09 PHP
禁止刷新,回退的JS
2006/11/25 Javascript
Javascript 继承机制实例
2009/08/12 Javascript
Extjs4中的分页应用结合前后台
2013/12/13 Javascript
jQuery插件实现控制网页元素动态居中显示
2015/03/24 Javascript
jquery实现简单实用的打分程序实例
2015/07/23 Javascript
jQuery实现的图文高亮滚动切换特效实例
2015/08/10 Javascript
JavaScript 冒泡排序和选择排序的实现代码
2016/09/03 Javascript
javaScript实现复选框全选反选事件详解
2020/11/20 Javascript
jQuery length 和 size()区别总结
2018/04/26 jQuery
详解从Vue-router到html5的pushState
2018/07/21 Javascript
微信小程序日历效果
2018/12/29 Javascript
javascript自定义加载loading效果
2020/09/15 Javascript
python使用装饰器作日志处理的方法
2019/07/11 Python
Python求解正态分布置信区间教程
2019/11/20 Python
python实现将视频按帧读取到自定义目录
2019/12/10 Python
Python读取JSON数据操作实例解析
2020/05/18 Python
html5画布旋转效果示例
2014/01/27 HTML / CSS
KIKO MILANO荷兰网上商店:意大利专业化妆品品牌
2017/05/12 全球购物
美国第一大药店连锁机构:Walgreens(沃尔格林)
2019/10/10 全球购物
企业军训感想
2014/02/07 职场文书
《一个中国孩子的呼声》教学反思
2014/02/12 职场文书
教师师德演讲稿
2014/05/06 职场文书
生态养殖创业计划书
2014/05/06 职场文书
2014年图书馆个人工作总结
2014/12/18 职场文书
银行客户经理岗位职责
2015/04/09 职场文书
婚宴领导致辞
2015/07/28 职场文书
Python绘制分类图的方法
2021/04/20 Python
Pytorch数据读取之Dataset和DataLoader知识总结
2021/05/23 Python
css3中2D转换之有趣的transform形变效果
2022/02/24 HTML / CSS
PostgreSQL并行计算算法及参数强制并行度设置方法
2022/04/06 PostgreSQL