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中对象property的读取和写入方法介绍
Dec 30 Javascript
DOM基础教程之使用DOM控制表单
Jan 20 Javascript
javascript实现tab切换特效
Nov 12 Javascript
js面向对象的写法
Feb 19 Javascript
JavaScript简单实现鼠标移动切换图片的方法
Feb 23 Javascript
jquery插件treegrid树状表格的使用方法详解(.Net平台)
Jan 03 Javascript
Node.js搭建小程序后台服务
Jan 03 Javascript
vue-cli中的babel配置文件.babelrc实例详解
Feb 22 Javascript
Vue-cli项目获取本地json文件数据的实例
Mar 07 Javascript
微信小程序开发摇一摇功能
Nov 22 Javascript
微信小程序顶部导航栏可滑动并选中放大
Dec 05 Javascript
javascript设计模式 ? 工厂模式原理与应用实例分析
Apr 09 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函数解决SQL injection
2006/12/09 PHP
php 错误处理经验分享
2011/10/11 PHP
php 生成自动创建文件夹并上传文件的示例代码
2014/03/07 PHP
php的laravel框架快速集成微信登录的方法
2016/12/12 PHP
PHP实现 APP端微信支付功能
2018/06/22 PHP
javascript编程起步(第二课)
2007/01/10 Javascript
用Greasemonkey 脚本收藏网站会员信息到本地
2009/10/26 Javascript
javascript showModalDialog,open取得父窗口的方法
2010/03/10 Javascript
javascript firefox 自动加载iframe 自动调整高宽示例
2013/08/27 Javascript
javascript常用的正则表达式实例
2014/05/15 Javascript
jQuery中index()的用法分析
2014/09/05 Javascript
常用的JavaScript WEB操作方法分享
2015/02/28 Javascript
Javascript定义类(class)的三种方法详解
2015/03/13 Javascript
很棒的Bootstrap选项卡切换效果
2016/07/01 Javascript
jQuery无刷新上传之uploadify简单代码
2017/01/17 Javascript
Angular 如何使用第三方库的方法
2018/04/18 Javascript
解决jQuery使用append添加的元素事件无效的问题
2018/08/30 jQuery
vue+openlayers绘制省市边界线
2020/12/24 Vue.js
下载安装setuptool和pip linux安装pip    
2014/01/24 Python
python字符串连接的N种方式总结
2014/09/17 Python
Python的Scrapy爬虫框架简单学习笔记
2016/01/20 Python
Python使用time模块实现指定时间触发器示例
2017/05/18 Python
不同版本中Python matplotlib.pyplot.draw()界面绘制异常问题的解决
2017/09/24 Python
python导出hive数据表的schema实例代码
2018/01/22 Python
Python实现简单http服务器
2018/04/12 Python
Python enumerate函数功能与用法示例
2019/03/01 Python
PYTHON如何读取和写入EXCEL里面的数据
2019/10/28 Python
基于python中__add__函数的用法
2019/11/25 Python
基于SpringBoot构造器注入循环依赖及解决方式
2020/04/26 Python
在 Windows 下搭建高效的 django 开发环境的详细教程
2020/07/27 Python
采购员的工作职责
2013/12/26 职场文书
研究生毕业鉴定
2014/01/29 职场文书
2015年节能减排工作总结
2015/05/14 职场文书
物业管理交接协议书
2016/03/24 职场文书
导游词之南京夫子庙
2019/12/09 职场文书
python爬虫之selenium库的安装及使用教程
2021/05/23 Python