關(guān)于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法

更新時(shí)間：2016年06月30日 09:14:50 投稿：jingxian

下面小編就為大家?guī)硪黄P(guān)于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧

1. JSON.parse(jsonString): 在一個(gè)字符串中解析出JSON對(duì)象

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

結(jié)果：

2. JSON.stringify(obj) : 將一個(gè)JSON對(duì)象轉(zhuǎn)換成字符串

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

結(jié)果：

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

3. jQuery.parseJSON(jsonString) : 將格式完好的JSON字符串轉(zhuǎn)為與之對(duì)應(yīng)的JavaScript對(duì)象

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

結(jié)果：

4.JSON.parse()和jQuery.parseJSON()的區(qū)別：

有的瀏覽器不支持JSON.parse()方法，使用jQuery.parseJSON()方法時(shí)，在瀏覽器支持時(shí)會(huì)返回執(zhí)行JSON.parse()方法的結(jié)果，否則會(huì)返回類似執(zhí)行eval()方法的結(jié)果，以上結(jié)論參考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 ); 
},

以上這篇關(guān)于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

JavaScript獲取中英文混合字符串長(zhǎng)度的方法示例
這篇文章主要介紹了JavaScript獲取中英文混合字符串長(zhǎng)度的方法,結(jié)合實(shí)例形式分析了javascript通過遍歷轉(zhuǎn)換字符串實(shí)現(xiàn)統(tǒng)計(jì)字符串長(zhǎng)度的操作技巧,需要的朋友可以參考下
2017-02-02
如何讓div span等元素能響應(yīng)鍵盤事件操作指南
在我這幾天的工作中遇到了一個(gè)問題，我有一個(gè)可編輯的div，并且在DIV里面還有一個(gè)可編輯的span，我想要讓span能響應(yīng)鍵盤事，想實(shí)現(xiàn)這種效果，應(yīng)該如何實(shí)踐呢
2012-11-11
js當(dāng)前頁面登錄注冊(cè)框,固定div,底層陰影的實(shí)例代碼
下面小編就為大家?guī)硪黄猨s當(dāng)前頁面登錄注冊(cè)框,固定div,底層陰影的實(shí)例代碼。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-10-10
基于bootstrap-datetimepicker.js不支持IE8的快速解決方法
下面小編就為大家?guī)硪黄赽ootstrap-datetimepicker.js不支持IE8的快速解決方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-11-11
淺談JavaScript事件綁定的常用方法及其優(yōu)缺點(diǎn)分析
下面小編就為大家?guī)硪黄獪\談JavaScript事件綁定的常用方法及其優(yōu)缺點(diǎn)分析。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-11-11
原生JavaScript實(shí)現(xiàn)異步多文件上傳
這篇文章主要介紹了原生JavaScript實(shí)現(xiàn)異步多文件上傳，感興趣的小伙伴們可以參考一下
2015-12-12
JavaScript中 ES6變量的結(jié)構(gòu)賦值
這篇文章主要介紹了JS 中ES6變量的結(jié)構(gòu)賦值的相關(guān)資料，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2018-07-07
原生JS封裝animate運(yùn)動(dòng)框架的實(shí)例
下面小編就為大家?guī)硪黄鶭S封裝animate運(yùn)動(dòng)框架的實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-10-10
動(dòng)態(tài)的綁定事件addEventListener方法的使用
本文為大家介紹下動(dòng)態(tài)的綁定事件的方法addEventListener的使用示例，不了解的朋友可以參考下
2014-01-01
javascript 代碼運(yùn)行器
可以用來運(yùn)行代碼的函數(shù)，跟本網(wǎng)站的都差不多。
2009-05-05