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 相关文章推荐
js+CSS 图片等比缩小并垂直居中实现代码
Dec 01 Javascript
收集的一些Array及String原型对象的扩展实现代码
Dec 05 Javascript
jQuery学习笔记 获取jQuery对象
Sep 19 Javascript
AngularJS过滤器详解及示例代码
Aug 16 Javascript
three.js绘制地球、飞机与轨迹的效果示例
Feb 28 Javascript
微信小程序实战之顶部导航栏(选项卡)(1)
Jun 19 Javascript
Angular2开发环境搭建教程之VS Code
Dec 15 Javascript
一次Webpack配置文件的分离实战记录
Nov 30 Javascript
微信小程序服务器日期格式化问题
Jan 07 Javascript
vue 动态设置img的src地址无效,npm run build 后找不到文件的解决
Jul 26 Javascript
js屏蔽F12审查元素,禁止修改页面代码等实现代码
Oct 02 Javascript
详解vue身份认证管理和租户管理
May 25 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
再说下636单管机
2021/03/02 无线电
风味层面去分析咖啡油脂
2021/03/03 咖啡文化
php入门学习知识点七 PHP函数的基本应用
2011/07/14 PHP
zend framework框架中url大小写问题解决方法
2014/08/19 PHP
PHP 闭包详解及实例代码
2016/09/28 PHP
张孝祥JavaScript学习阶段性总结(2)--(X)HTML学习
2007/02/03 Javascript
js读取本地excel文档数据的代码
2010/11/11 Javascript
js正文内容高亮效果的实现方法
2013/06/30 Javascript
jQuery中filter()和find()的区别深入了解
2013/09/25 Javascript
JavaScript原型链示例分享
2014/01/26 Javascript
jquery实现选中单选按钮下拉伸缩效果
2015/08/06 Javascript
JavaScript中undefined和null的区别
2017/05/03 Javascript
hammer.js实现图片手势放大效果
2017/08/29 Javascript
vue中v-model动态生成的实例详解
2017/10/27 Javascript
vue.js中$set与数组更新方法
2018/03/08 Javascript
详解使用 Node.js 开发简单的脚手架工具
2018/06/08 Javascript
JS加密插件CryptoJS实现的Base64加密示例
2020/08/16 Javascript
JavaScript实现邮箱后缀提示功能的示例代码
2018/12/13 Javascript
基于vue实现一个神奇的动态按钮效果
2019/05/15 Javascript
Python中使用wxPython开发的一个简易笔记本程序实例
2015/02/08 Python
windows 10下安装搭建django1.10.3和Apache2.4的方法
2017/04/05 Python
pygame 精灵的行走及二段跳的实现方法(必看篇)
2017/07/10 Python
python数据结构之列表和元组的详解
2017/09/23 Python
python执行CMD指令,并获取返回的方法
2018/12/19 Python
Python3实现二叉树的最大深度
2019/09/30 Python
pytorch中的自定义数据处理详解
2020/01/06 Python
Python3+PyCharm+Django+Django REST framework配置与简单开发教程
2021/02/16 Python
HTML5 Blob对象的具体使用
2020/05/22 HTML / CSS
韩国三大免税店之一:THE GRAND 中文免税店
2016/07/21 全球购物
运动会100米解说词
2014/01/23 职场文书
爱之链教学反思
2014/04/30 职场文书
党委领导班子整改方案
2014/09/30 职场文书
教育读书笔记
2015/07/02 职场文书
Oracle 触发器trigger使用案例
2022/02/24 Oracle
手写Spirit防抖函数underscore和节流函数lodash
2022/03/22 Javascript
MySQL count(*)统计总数问题汇总
2022/09/23 MySQL