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

 更新时间:2013年11月13日 08:53:48   投稿:jingxian   我要评论

将json字符串转换为json对象的方法。在数据传输过程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键

例如:

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.jb51.net/code/json

在线XML/JSON互相转换:
http://tools.jb51.net/code/xmljson

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

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

相关文章

  • Javascript 构造函数 实例分析

    Javascript 构造函数 实例分析

    一般构造函数没有返回值,他们通过关键字this初始化对象,没有返回值。当然一个构造器允许返回一个对 象,如果这样的话 返回的对象将变成new 表达式的值,在这种情况下值为this的对象将抛弃
    2008-11-11
  • js实现文字滚动效果

    js实现文字滚动效果

    这篇文章主要为大家详细介绍了js实现文字滚动效果,类似于新闻板块中的公示公告,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • JavaScript:new 一个函数和直接调用函数的区别分析

    JavaScript:new 一个函数和直接调用函数的区别分析

    或许许多人对此不以为然,在函数前加 new 关键字,不就是实例化一个对象吗?但事情显然没那么简单
    2013-07-07
  • two.js之实现动画效果示例

    two.js之实现动画效果示例

    本篇文章主要介绍了two.js之实现动画效果示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11
  • JSF中confirm弹出框的用法示例介绍

    JSF中confirm弹出框的用法示例介绍

    本文为大家详细介绍下JSF中confirm弹出框的使用方法,感兴趣的朋友可以参考下
    2014-01-01
  • 原生js获取元素样式的简单方法

    原生js获取元素样式的简单方法

    下面小编就为大家带来一篇原生js获取元素样式的简单方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • 直接拿来用的页面跳转进度条JS实现

    直接拿来用的页面跳转进度条JS实现

    这篇文章主要为大家分享了一款直接拿来用的页面跳转进度条,由javascript实现,可以直接跳转到相应页面,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • JS实现关键词高亮显示正则匹配

    JS实现关键词高亮显示正则匹配

    这篇文章主要介绍了JS实现关键词高亮显示正则匹配功能,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-06-06
  • zepto中使用swipe.js制作轮播图附swipeUp,swipeDown不起效果问题

    zepto中使用swipe.js制作轮播图附swipeUp,swipeDown不起效果问题

    Swipe JS 是一个轻量级的移动滑动组件,支持 1:1 的触摸移动,阻力以及防滑性能都不错,可以让移动web应用展现更多的内容,能解决我们对于移动Web对滑动的需求。下面小编给大家介绍zepto中使用swipe.js制作轮播图附swipeUp,swipeDown不起效果问题,需要朋友可以参考下
    2015-08-08
  • 《JavaScript高级程序设计》阅读笔记(二) ECMAScript中的原始类型

    《JavaScript高级程序设计》阅读笔记(二) ECMAScript中的原始类

    ECMAScript有5种原始类型(primitive type),即Undefined、Null、Boolean、Number和String。ECMAScript提供了typeof来判断值的类型
    2012-02-02

最新评论