关于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法

更新时间：2016年06月30日 09:14:50 投稿：jingxian

下面小编就为大家带来一篇关于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

1. JSON.parse(jsonString): 在一个字符串中解析出JSON对象

var str = '[{"href":"baidu.com","text":"test","orgId":123,"dataType":"curry","activeClass":"haha"}]'; 
 
JSON.parse(str);

结果：

2. JSON.stringify(obj) : 将一个JSON对象转换成字符串

var obj = [{"href":"baidu.com","text":"test","orgId":123,"dataType":"curry","activeClass":"haha"}]; 
 
JSON.stringify(obj);

结果：

"[{"href":"baidu.com","text":"test","orgId":123,"dataType":"curry","activeClass":"haha"}]"

3. jQuery.parseJSON(jsonString) : 将格式完好的JSON字符串转为与之对应的JavaScript对象

var str = '[{"href":"baidu.com","text":"test","orgId":123,"dataType":"curry","activeClass":"haha"}]'; 
 
jQuery.parseJSON(str);

结果：

4.JSON.parse()和jQuery.parseJSON()的区别：

有的浏览器不支持JSON.parse()方法，使用jQuery.parseJSON()方法时，在浏览器支持时会返回执行JSON.parse()方法的结果，否则会返回类似执行eval()方法的结果，以上结论参考jquery 1.9.1 得出：

parseJSON: function( data ) { 
  // Attempt to parse using the native JSON parser first 
  if ( window.JSON && window.JSON.parse ) { 
    return window.JSON.parse( data ); 
  } 
 
 
  if ( data === null ) { 
    return data; 
  } 
 
 
  if ( typeof data === "string" ) { 
 
 
    // Make sure leading/trailing whitespace is removed (IE can't handle it) 
    data = jQuery.trim( data ); 
 
 
    if ( data ) { 
      // Make sure the incoming data is actual JSON 
      // Logic borrowed from http://json.org/json2.js 
      if ( rvalidchars.test( data.replace( rvalidescape, "@" ) 
        .replace( rvalidtokens, "]" ) 
        .replace( rvalidbraces, "")) ) { 
 
 
        return ( new Function( "return " + data ) )(); 
      } 
    } 
  } 
 
 
  jQuery.error( "Invalid JSON: " + data ); 
},

以上这篇关于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

微信小程序上线发布具体流程简析
众所周知,微信小程序制作成功后,是需要提交到微信公众平台去审核的,审核通过后,才可以发布上线的,上线了之后才可以进行运营的,下面这篇文章主要给大家介绍了关于微信小程序上线发布具体流程的相关资料,需要的朋友可以参考下
2022-10-10
详细分析JavaScript函数定义
这篇文章主要给大家详细分析了JavaScript函数定义的相关资料,需要的朋友可以参考下
2015-07-07
js中new一个对象的过程
本文主要介绍了js中new一个对象的过程。具有很好的参考价值，下面跟着小编一起来看下吧
2017-02-02
JavaScript 轮播图和自定义滚动条配合鼠标滚轮分享代码贴
本文给大家分享一段js轮播图和自定义滚动条的代码片段，布局和样式小编没给大家多介绍，大家可以根据个人需求优化，具体实现代码，大家可以参考下面代码片段
2016-10-10
Three.js基础部分学习
本文主要分享了一个案例，介绍了使用Three.js绘制旋转立方体的方法与实现过程。具有一定的参考价值，下面跟着小编一起来看下吧
2017-01-01
比例尺、缩略图、平移缩放之百度地图添加控件方法
这篇文章主要介绍了比例尺、缩略图、平移缩放之百度地图添加控件方法,大家都知道百度地图API中提供了丰富的控件，您还可以通过Control类来实现自定义控件，需要的朋友可以参考下
2015-08-08
使用js操作css实现js改变背景图片示例
有个朋友在weibo上问我可不可以用JS和CSS让页面每次刷新随机产生一张背景图，当然是可以的。具体的方法看下面的实现代码吧
2014-03-03
解读ES6中class关键字
这篇文章主要介绍了ES6中class关键字,class是es6引入的最重要特性之一。本文通过实例代码给大家详解，需要的朋友可以参考下
2017-11-11
uni-app微信小程序下拉多选框实例代码
这篇文章主要给大家介绍了关于uni-app微信小程序下拉多选框的相关资料,在通过uniapp做app开发的时候,有场景需要用到下拉选择框,需要的朋友可以参考下
2023-08-08
调试代码导致IE出错的避免方法
这篇文章主要介绍了避免调试代码导致IE出错的方法,需要的朋友可以参考下
2014-04-04