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.name代替cookie的实现代码
Nov 28 Javascript
js FLASH幻灯片字符串中有连接符&的处理方法
Mar 01 Javascript
JavaScript在IE和FF下的兼容性问题
May 19 Javascript
jQuery实现复选框全选/取消全选/反选及获得选择的值
Jun 12 Javascript
Google Maps API地图应用示例分享
Oct 23 Javascript
JS实现的竖向折叠菜单代码
Oct 21 Javascript
js弹出框、对话框、提示框、弹窗实现方法总结(推荐)
May 31 Javascript
BootStrap+Mybatis框架下实现表单提交数据重复验证
Mar 23 Javascript
Vue 父子组件数据传递的四种方式( inheritAttrs + $attrs + $listeners)
May 04 Javascript
关于单文件组件.vue的使用
Sep 20 Javascript
element-ui组件table实现自定义筛选功能的示例代码
Mar 15 Javascript
Vue 实现html中根据类型显示内容
Oct 28 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 数据库树的遍历方法
2009/02/06 PHP
PHP生成数组再传给js的方法
2014/08/07 PHP
Zend Framework入门教程之Zend_View组件用法示例
2016/12/09 PHP
php使用str_replace替换多维数组的实现方法分析
2017/06/15 PHP
实例讲解PHP页面静态化
2018/02/05 PHP
在 IE 中调用 javascript 打开 Excel 表
2006/12/21 Javascript
jQuery MD5加密实现代码
2010/03/15 Javascript
js实现类似菜单风格的TAB选项卡效果代码
2015/08/28 Javascript
JS简单实现tab切换效果的多窗口显示功能
2016/09/07 Javascript
JS刷新父窗口的几种方式小结(推荐)
2016/11/09 Javascript
JS前端开发判断是否是手机端并跳转操作(小结)
2017/02/05 Javascript
vue.js中引入vuex储存接口数据及调用的详细流程
2017/12/14 Javascript
JavaScript原生实现观察者模式的示例
2017/12/15 Javascript
iview中Select 选择器多选校验方法
2018/03/15 Javascript
微信小程序上传图片实例
2018/05/28 Javascript
vue实现简单loading进度条
2018/06/06 Javascript
javascript设计模式 ? 桥接模式原理与应用实例分析
2020/04/13 Javascript
Python基于pygame实现图片代替鼠标移动效果
2015/11/11 Python
用Python3创建httpServer的简单方法
2018/06/04 Python
Python 实现两个列表里元素对应相乘的方法
2018/11/14 Python
selenium在执行phantomjs的API并获取执行结果的方法
2018/12/17 Python
Python爬虫实现验证码登录代码实例
2019/05/10 Python
Python Flask上下文管理机制实例解析
2020/03/16 Python
利用Python如何制作贪吃蛇及AI版贪吃蛇详解
2020/08/24 Python
PyCharm中关于安装第三方包的三个建议
2020/09/17 Python
荷兰超市:DEEN
2018/03/14 全球购物
李维斯牛仔裤英国官方网站:Levi’s英国
2019/10/10 全球购物
Three Graces London官网:英国奢侈品牌
2021/03/18 全球购物
园林设计师自荐信
2013/11/18 职场文书
企业统计员岗位职责
2013/12/13 职场文书
写给女朋友的道歉信
2014/01/12 职场文书
2014年三万活动总结
2014/04/26 职场文书
逃课检讨书范文
2015/05/06 职场文书
谢师宴家长致辞
2015/07/27 职场文书
numpy数据类型dtype转换实现
2021/04/24 Python
CSS控制继承中的height能变为可继承吗
2022/06/10 HTML / CSS