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 相关文章推荐
音乐播放用的的几个函数
Sep 07 Javascript
jQuery 改变CSS样式基础代码
Feb 11 Javascript
jQuery下扩展插件和拓展函数的写法(匿名函数使用的典型例子)
Oct 20 Javascript
JQuery动画和停止动画实例代码
Mar 01 Javascript
jquery动态加载js三种方法实例
Aug 03 Javascript
javascript作用域和闭包使用详解
Apr 25 Javascript
jQuery背景插件backstretch使用指南
Apr 21 Javascript
JS中with的替代方法与String中的正则方法详解
Dec 23 Javascript
webpack实现热更新(实施同步刷新)
Jul 28 Javascript
vue服务端渲染页面缓存和组件缓存的实例详解
Sep 18 Javascript
vue 遮罩层阻止默认滚动事件操作
Jul 28 Javascript
SpringBoot+Vue 前后端合并部署的配置方法
Dec 30 Vue.js
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
FCKeditor添加自定义按钮
2008/03/27 PHP
php中explode与split的区别介绍
2012/10/03 PHP
什么是PHP7中的孤儿进程与僵尸进程
2019/04/14 PHP
HTML页面如何象ASP一样接受参数
2007/02/07 Javascript
前后台交互过程中json格式如何解析以及如何生成
2012/12/26 Javascript
js弹出窗口之弹出层的小例子
2013/06/17 Javascript
解析Jquery取得iframe中元素的几种方法
2013/07/04 Javascript
通过js来制作复选框的全选和不选效果
2014/05/22 Javascript
jquery实现像栅栏一样左右滑出式二级菜单效果代码
2015/08/24 Javascript
js获取当前年月日-YYYYmmDD格式的实现代码
2016/06/01 Javascript
数据结构中的各种排序方法小结(JS实现)
2016/07/23 Javascript
javascript 内置对象及常见API详细介绍
2016/11/01 Javascript
jQuery中ajax错误调试分析
2016/12/01 Javascript
移动端利用H5实现压缩图片上传功能
2017/03/29 Javascript
Three.js利用orbit controls插件(轨道控制)控制模型交互动作详解
2017/09/25 Javascript
JavaScript数组去重算法实例小结
2018/05/07 Javascript
layui table 多行删除(id获取)的方法
2019/09/12 Javascript
浅析webpack-bundle-analyzer在vue-cli3中的使用
2019/10/23 Javascript
[04:38]完美世界携手游戏风云打造 卡尔工作室饰品系统篇
2013/04/25 DOTA
CentOS安装pillow报错的解决方法
2016/01/27 Python
深入理解python中的atexit模块
2017/03/07 Python
手把手教你如何安装Pycharm(详细图文教程)
2018/11/28 Python
浅谈python在提示符下使用open打开文件失败的原因及解决方法
2018/11/30 Python
python读取文件指定行内容实例讲解
2020/03/02 Python
如何利用python发送邮件
2020/09/26 Python
python 利用matplotlib在3D空间绘制二次抛物面的案例
2021/02/06 Python
浅谈Html5多线程开发之WebWorkers
2018/05/02 HTML / CSS
飞利浦法国官网:Philips法国
2019/07/10 全球购物
大学生自我鉴定
2013/12/08 职场文书
仓库规划计划书
2014/04/28 职场文书
银行求职信
2014/05/31 职场文书
新疆民族团结演讲稿
2014/08/27 职场文书
公务员政审材料
2014/12/23 职场文书
营销策划分析:怎么策划才能更好销量产品?
2019/09/04 职场文书
六年级作文之预言作文
2019/10/25 职场文书
CSS+HTML 实现顶部导航栏功能
2021/08/30 HTML / CSS