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操作select下拉列表框的代码
Jun 04 Javascript
json数据与字符串的相互转化示例
Sep 18 Javascript
jquery统计用户选中的复选框的个数
Jun 06 Javascript
js和jquery设置disabled属性为true使按钮失效
Aug 07 Javascript
JavaScript  cookie 跨域访问之广告推广
Apr 20 Javascript
Node.js连接MongoDB数据库产生的问题
Feb 08 Javascript
js实现下拉菜单效果
Mar 01 Javascript
Bootstrap媒体对象学习使用
Mar 07 Javascript
Node.js开发第三方微信公众平台
Jun 05 Javascript
基于AngularJS的拖拽文件上传的实例代码
Jul 15 Javascript
vue实现商品加减计算总价的实例代码
Aug 12 Javascript
vue 实现根据data中的属性值来设置不同的样式
Aug 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
PHP实现登录搜狐广告获取广告联盟数据的方法【附demo源码】
2016/10/14 PHP
ThinkPHP中调用PHPExcel的实现代码
2017/04/08 PHP
微信接口生成带参数的二维码
2017/07/31 PHP
php实现的顺序线性表示例
2019/05/04 PHP
PHP连接MySQL数据库三种实现方法
2020/12/10 PHP
event.srcElement+表格应用
2006/08/29 Javascript
Jquery实现网页跳转或用命令打开指定网页的解决方法
2013/07/09 Javascript
将Datatable转化成json发送前台实现思路
2013/09/06 Javascript
深入理解JavaScript高级之词法作用域和作用域链
2013/12/10 Javascript
javascript实现页面刷新时自动清空表单并选中的方法
2015/07/18 Javascript
Angular 常用指令实例总结整理
2016/12/13 Javascript
JavaScript实现带有子菜单和控件的slider轮播图效果
2017/11/01 Javascript
js动态添加表格逐行添加、删除、遍历取值的实例代码
2018/01/25 Javascript
学习React中ref的两个demo示例
2018/08/14 Javascript
vue自定义指令的创建和使用方法实例分析
2018/12/04 Javascript
浅谈js中的bind
2019/03/18 Javascript
使用typescript快速开发一个cli的实现示例
2020/12/09 Javascript
python远程邮件控制电脑升级版
2019/05/23 Python
Python 常用模块 re 使用方法详解
2019/06/06 Python
Python实现个人微信号自动监控告警的示例
2019/07/03 Python
python3实现的zip格式压缩文件夹操作示例
2019/08/17 Python
pytorch 图像预处理之减去均值,除以方差的实例
2020/01/02 Python
python opencv实现直线检测并测出倾斜角度(附源码+注释)
2020/12/31 Python
canvas版人体时钟的实现示例
2021/01/29 HTML / CSS
Bluebella美国官网:英国性感内衣品牌
2018/10/04 全球购物
阿里巴巴英国:Alibaba英国
2019/12/11 全球购物
金融专业毕业生推荐信
2013/11/26 职场文书
好的演讲稿开场白
2013/12/30 职场文书
全陪导游欢迎词
2014/01/17 职场文书
户外亲子活动策划方案
2014/02/07 职场文书
房地产公司见习自我鉴定
2014/04/28 职场文书
小学中队活动总结
2015/05/11 职场文书
物资采购管理制度
2015/08/06 职场文书
汶川大地震感悟
2015/08/10 职场文书
车辆挂靠协议书
2016/03/23 职场文书
2019邀请函格式及范文
2019/05/20 职场文书