js 将json字符串转换为json对象的方法解析


Posted in Javascript onNovember 13, 2013

例如:

JSON字符串:
var str1 = '{ "name": "cxh", "sex": "man" }';
JSON对象:
var str2 = { "name": "cxh", "sex": "man" };

一、JSON字符串转换为JSON对象

要使用上面的str1,必须使用下面的方法先转化为JSON对象:

//由JSON字符串转换为JSON对象

var obj = eval('(' + str + ')');

或者

var obj = str.parseJSON(); //由JSON字符串转换为JSON对象

或者

var obj = JSON.parse(str); //由JSON字符串转换为JSON对象

然后,就可以这样读取:

Alert(obj.name);

Alert(obj.sex);

特别注意:如果obj本来就是一个JSON对象,那么使用eval()函数转换后(哪怕是多次转换)还是JSON对象,但是使用parseJSON()函数处理后会有问题(抛出语法异常)。

二、可以使用toJSONString()或者全局方法JSON.stringify()将JSON对象转化为JSON字符串。

例如:

var last=obj.toJSONString(); //将JSON对象转化为JSON字符

或者

var last=JSON.stringify(obj); //将JSON对象转化为JSON字符

alert(last);

注意:

上面的几个方法中,除了eval()函数是js自带的之外,其他的几个方法都来自json.js包。新版本的 JSON 修改了 API,将 JSON.stringify() 和 JSON.parse() 两个方法都注入到了 Javascript 的内建对象里面,前者变成了 Object.toJSONString(),而后者变成了 String.parseJSON()。如果提示找不到toJSONString()和parseJSON()方法,则说明您的json包版本太低。

PS:本站还提供了几款功能十分强大的json解析、转换与格式化工具供大家选择使用,相信对于大家接下来的json格式数据处理会有所帮助:

在线JSON代码检验、检验、美化、格式化工具:
http://tools.3water.com/code/json

在线XML/JSON互相转换:
http://tools.3water.com/code/xmljson

json代码在线格式化/美化/压缩/编辑/转换工具:
http://tools.3water.com/code/jsoncodeformat

C语言风格/HTML/CSS/json代码格式化美化工具:
http://tools.3water.com/code/ccode_html_css_json

Javascript 相关文章推荐
JS模板实现方法
Apr 03 Javascript
jquery和ajax的关系详细介绍
Nov 29 Javascript
JS判断网页广告是否被浏览器拦截过滤的代码
Apr 05 Javascript
jquery采用oop模式class类的使用示例
Jan 22 Javascript
Angularjs在360兼容模式下取数据缓存问题的解决办法
Jun 22 Javascript
jQuery实现可兼容IE6的淡入淡出效果告警提示功能示例
Sep 20 jQuery
浅谈vue中使用图片懒加载vue-lazyload插件详细指南
Oct 23 Javascript
页面点击小红心js实现代码
May 26 Javascript
简单说说angular.json文件的使用
Oct 29 Javascript
微信小程序防止多次点击跳转(函数节流)
Sep 19 Javascript
java和js实现的洗牌小程序
Sep 30 Javascript
利用H5api实现时钟的绘制(javascript)
Sep 13 Javascript
JS 实现BASE64_ENCODE和BASE64_DECODE(实例代码)
Nov 13 #Javascript
JavaScript实现url地址自动检测并添加URL链接示例代码
Nov 12 #Javascript
JavaScript改变HTML元素的样式改变CSS及元素属性
Nov 12 #Javascript
屏蔽script注入小例子
Nov 12 #Javascript
js控制淡入淡出示例代码
Nov 12 #Javascript
jquery给图片添加鼠标经过时的边框效果
Nov 12 #Javascript
JavaScript中for..in循环陷阱介绍
Nov 12 #Javascript
You might like
PHP如何抛出异常处理错误
2011/03/02 PHP
PHP扩展框架之Yaf框架的安装与使用
2016/05/18 PHP
PHPCrawl爬虫库实现抓取酷狗歌单的方法示例
2017/12/21 PHP
PHP7内核CGI与FastCGI详解
2019/04/14 PHP
JS获取url链接字符串 location.href
2013/12/23 Javascript
JavaScript lastIndexOf方法入门实例(计算指定字符在字符串中最后一次出现的位置)
2014/10/17 Javascript
JS实现点击颜色块切换指定区域背景颜色的方法
2015/02/25 Javascript
javascript下拉列表菜单的实现方法
2015/11/18 Javascript
详解jQuery中的empty、remove和detach
2016/04/11 Javascript
前端框架学习总结之Angular、React与Vue的比较详解
2017/03/14 Javascript
Vue动态组件实例解析
2017/08/20 Javascript
Vue2.2.0+新特性整理及注意事项
2018/08/22 Javascript
详解react内联样式使用webpack将px转rem
2018/09/13 Javascript
浅谈JavaScript_DOM学习篇_图片切换小案例
2019/03/19 Javascript
详解Vue.js和layui日期控件冲突问题解决办法
2019/07/25 Javascript
jQuery设置下拉框显示与隐藏效果的方法分析
2019/09/15 jQuery
js全屏事件fullscreenchange 实现全屏、退出全屏操作
2019/09/17 Javascript
vue之a-table中实现清空选中的数据
2019/11/07 Javascript
vue实现带过渡效果的下拉菜单功能
2020/02/19 Javascript
原生js实现弹幕效果
2020/11/29 Javascript
python设置检查点简单实现代码
2014/07/01 Python
python通过zlib实现压缩与解压字符串的方法
2014/11/19 Python
Python re模块介绍
2014/11/30 Python
Python3中的2to3转换工具使用示例
2015/06/12 Python
Python base64编码解码实例
2015/06/21 Python
Python中格式化format()方法详解
2017/04/01 Python
Python读取sqlite数据库文件的方法分析
2017/08/07 Python
python 接口测试response返回数据对比的方法
2018/02/11 Python
深入浅析Python传值与传址
2018/07/10 Python
Python GUI布局尺寸适配方法
2018/10/11 Python
html5理解head_动力节点Java学院整理
2017/07/13 HTML / CSS
香港优质食材和美酒专门店:FoodWise
2017/09/01 全球购物
西班牙语在线票务市场:SuperBoletería
2019/06/10 全球购物
Herschel Supply Co.美国:背包、手提袋及配件
2020/11/24 全球购物
学校个人对照检查材料
2014/08/26 职场文书
源码分析Redis中 set 和 sorted set 的使用方法
2022/03/22 Redis