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 相关文章推荐
些很实用且必用的小脚本代码
Jun 26 Javascript
让元素在网页中可拖动示例代码
Aug 13 Javascript
判断及设置浏览器全屏模式
Apr 20 Javascript
JavaScript自定义等待wait函数实例分析
Mar 23 Javascript
学习jQuey中的return false
Dec 18 Javascript
Javascript 实现全屏滚动实例代码
Dec 31 Javascript
jQuery ajax的功能实现方法详解
Jan 06 Javascript
Angular在模板驱动表单中自定义校验器的方法
Aug 09 Javascript
vue使用ajax获取后台数据进行显示的示例
Aug 09 Javascript
微信小程序使用wxParse解析html的实现示例
Aug 30 Javascript
JavaScript检查数据中是否存在相同的元素(两种方法)
Oct 07 Javascript
Vue-input框checkbox强制刷新问题
Apr 18 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操作JSON格式数据的实现代码
2011/12/24 PHP
基于jquery的Repeater实现代码
2010/07/17 Javascript
JS+CSS设置img在DIV中只显示Img垂直居中的部分
2013/10/24 Javascript
iframe父页面获取子页面参数的方法
2014/02/21 Javascript
javascript中的throttle和debounce浅析
2014/06/06 Javascript
Html5的placeholder属性(IE兼容)实现代码
2014/08/30 Javascript
JS来动态的修改url实现对url的增删查改
2014/09/05 Javascript
深入理解javascript构造函数和原型对象
2014/09/23 Javascript
jQuery之DOM对象和jQuery对象的转换与区别分析
2015/01/08 Javascript
对Web开发中前端框架与前端类库的一些思考
2015/03/27 Javascript
js改变css样式的三种方法推荐
2016/06/28 Javascript
打造自己的jQuery插件入门教程
2016/09/23 Javascript
详解Nodejs基于mongoose模块的增删改查的操作
2016/12/21 NodeJs
基于Bootstrap table组件实现多层表头的实例代码
2017/09/07 Javascript
vue.js系列中的vue-fontawesome使用
2018/02/10 Javascript
vue中v-for加载本地静态图片方法
2018/03/03 Javascript
Vue 页面状态保持页面间数据传输的一种方法(推荐)
2018/11/01 Javascript
Python多线程经典问题之乘客做公交车算法实例
2017/03/22 Python
Python实现识别手写数字大纲
2018/01/29 Python
Python实现的从右到左字符串替换方法示例
2018/07/06 Python
解决python "No module named pip" 的问题
2018/10/13 Python
django项目中使用手机号登录的实例代码
2019/08/15 Python
Python内置方法实现字符串的秘钥加解密(推荐)
2019/12/09 Python
TensorFlow命名空间和TensorBoard图节点实例
2020/01/23 Python
python统计函数库scipy.stats的用法解析
2020/02/25 Python
用Python制作音乐海报
2021/01/26 Python
用python监控服务器的cpu,磁盘空间,内存,超过邮件报警
2021/01/29 Python
Yahoo-PHP面试题1
2016/07/20 面试题
Ajax的优点和缺点
2014/11/21 面试题
自我推荐书
2013/12/04 职场文书
户外活动策划方案
2014/03/12 职场文书
法律系毕业生求职信
2014/05/28 职场文书
北京申奥口号
2014/06/19 职场文书
迁徙的鸟观后感
2015/06/09 职场文书
《将心比心》教学反思
2016/02/23 职场文书
机关单位2016年创先争优活动总结
2016/04/05 职场文书