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 相关文章推荐
高性能Javascript笔记 数据的存储与访问性能优化
Aug 02 Javascript
JSON序列化与解析原生JS方法且IE6和chrome测试通过
Sep 05 Javascript
使用jquery.qrcode生成彩色二维码实例
Aug 08 Javascript
超赞的jQuery图片滑块动画特效代码汇总
Jan 25 Javascript
WebStorm ES6 语法支持设置&amp;babel使用及自动编译(详解)
Sep 08 Javascript
基于vue 动态加载图片src的解决方法
Feb 05 Javascript
bootstrap模态框弹出和隐藏,动态改变中间内容的实例
Aug 10 Javascript
微信小程序拍照和摄像功能实现方法示例
Feb 01 Javascript
vue中组件的3种使用方式详解
Mar 23 Javascript
layer的prompt弹出框,点击回车,触发确定事件的方法
Sep 06 Javascript
微信小程序 select 下拉框组件功能
Sep 09 Javascript
如何理解Vue简单状态管理之store模式
May 15 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
用IE远程创建Mysql数据库的简易程序
2006/10/09 PHP
用PHP实现递归循环每一个目录
2010/08/08 PHP
PHP输出图像imagegif、imagejpeg与imagepng函数用法分析
2016/11/14 PHP
PHP 配置后台登录以及模板引入
2017/01/24 PHP
PHP简单实现图片格式转换(jpg转png,gif转png等)
2019/10/30 PHP
jquery实现图片裁剪思路及实现
2013/08/16 Javascript
一个小例子解释如何来阻止Jquery事件冒泡
2014/07/17 Javascript
jQuery关键词说明插件cluetip使用指南
2015/04/21 Javascript
JS基于MSClass和setInterval实现ajax定时采集信息并滚动显示的方法
2016/04/18 Javascript
jQuery插件HighCharts绘制2D柱状图、折线图的组合双轴图效果示例【附demo源码下载】
2017/03/09 Javascript
Vue键盘事件用法总结
2017/04/18 Javascript
js禁止浏览器的回退事件
2017/04/20 Javascript
ES6中Array.find()和findIndex()函数的用法详解
2017/09/16 Javascript
原生javascript实现的全屏滚动功能示例
2017/09/19 Javascript
node使用Koa2搭建web项目的方法
2017/10/17 Javascript
JavaScript重复元素处理方法分析【统计个数、计算、去重复等】
2017/12/14 Javascript
Vue.js实现图片的随意拖动方法
2018/03/08 Javascript
JavaScript 作用域实例分析
2019/10/02 Javascript
2019最新21个MySQL高频面试题介绍
2020/02/06 Javascript
python实现指定字符串补全空格的方法
2015/04/30 Python
解决win64 Python下安装PIL出错问题(图解)
2018/09/03 Python
Python多进程入门、分布式进程数据共享实例详解
2019/06/03 Python
python Manager 之dict KeyError问题的解决
2019/12/21 Python
python实现网页录音效果
2020/10/26 Python
泰海淘:泰国king Power王权免税集团旗下跨境海淘综合型电商
2020/07/26 全球购物
类、抽象类、接口的差异
2016/06/13 面试题
将"引用"作为函数返回值类型的格式、好处和需要遵守的规则
2016/02/09 面试题
销售人员中英文自荐信
2013/09/22 职场文书
致裁判员加油稿
2014/02/08 职场文书
个人近期表现材料
2014/02/11 职场文书
护理专业学生职业生涯规划范文
2014/03/11 职场文书
党员创先争优承诺书
2014/03/26 职场文书
调解书格式范本
2015/05/20 职场文书
毕业生学校组织意见
2015/06/04 职场文书
四年级作文之植物
2019/09/20 职场文书
mysql 索引合并的使用
2021/08/30 MySQL