关于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()的用法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

javascript实现带下拉子菜单的导航菜单效果
这篇文章主要介绍了javascript实现带下拉子菜单的导航菜单效果的方法,涉及javascript操作页面元素与样式的相关技巧,需要的朋友可以参考下
2015-05-05
JS常见内存泄漏及解决方案解析
这篇文章主要介绍了JS常见内存泄漏及解决方案解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-05-05
原生js实现贪食蛇小游戏的思路详解
这篇文章主要介绍了原生js实现贪食蛇小游戏的思路详解,，文中给大家写出了注释，帮助大家理解代码，需要的朋友可以参考下
2019-11-11
JavaScript实现移动端页面按手机屏幕分辨率自动缩放的最强代码
这篇文章主要介绍了JavaScript实现移动端页面按手机屏幕分辨率自动缩放的最强代码，通过阻止浏览器的默认行为各方面分析缩放的功能实现，具体操作步骤大家可查看下文的详细讲解，感兴趣的小伙伴们可以参考一下。
2017-08-08
webpack打包进度展示以及美化教程
webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler),下面这篇文章主要给大家介绍了关于webpack打包进度展示以及美化的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-01-01
详解如何快速配置webpack多入口脚手架
这篇文章主要介绍了详解如何快速配置webpack多入口脚手架，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-12-12
JS实现自动变化的导航菜单效果代码
这篇文章主要介绍了JS实现自动变化的导航菜单效果代码,涉及JavaScript基于定时函数触发页面元素属性动态变换的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-09-09
js实现根据身份证号自动生成出生日期
这篇文章主要介绍了js实现根据身份证号自动生成出生日期，需要的朋友可以参考下
2015-12-12
es6 javascript对象Object.values() , Object.entr
这篇文章主要介绍了es6 javascript对象Object.values() , Object.entries()的示例代码，本文结合示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2022-12-12
js select option对象小结
本篇文章主要是对js中的select option对象进行了总结介绍，需要的朋友可以过来参考下，希望对大家有所帮助
2013-12-12