JavaScriptはJSON --- json.js、json2.jsとjson3.jsの違いを使用して解析されます

JSONの公式(http://www.json.org/)json.jsを提供し、json.jsは、JavaScriptのJSパッケージ、json.js、json2.js、json3.jsさでJSONを解析公式JSONであります古いから新しいバージョンへの3つは、現在一般的json3.jsを使用しています。

JSON 3現在のバージョンは3.3.2でのInternet Explorer 6、オペラ7、Safariの2およびNetscape 6を含め、現代のJavaScript JSONの実装のさまざまなプラットフォームと互換性があります。

あなたはhttps://bestiejs.github.io/json3/で、このjsファイルを取得することができます。さて、一般的に使用さjson3.jsを

json3.jsローカルダウンロードアドレス:のhttp://download.csdn.net/download/chenchunlin526/10170731

使用方法:
使用このJSパッケージ、ページファイルjson3.jsに導入する必要

JSON.parse(jsonstr); // JSON文字列はJSONオブジェクトにデシリアライズすることができます 

JSON.stringify(jsonobj); // JSONオブジェクトは、JSONの文字列にシリアライズすることができます 

①JSON.parse(jsonstr); // JSON文字列は、オブジェクトにデシリアライズすることができますJSON 

例えば:

リスト3:

$(ドキュメント).ready(関数(){ 
 
    VARの  データ=  " [{ "名": "chunlynn"、 "年齢":27、 "QQ": "277539687"}、 
{ " "" リンダ"  、" 年齢":  25" QQ "" 123456789 " }] ' ; //同上放在一行
VAR  jsondata =  JSON.parse(データ); 
    console.info(jsondata); 
    console.info(" 姓名:" + jsondata [ 0 ] .nameの)。
    console.info(" 年齢:" 
    + jsondata [ 0 ] .age)。
    console.info(" QQ:" + jsondata [ 0 ] .qq)。
 
    console.info(" QQ:" + jsondata [ 0 ] [ " QQ " ])。
    console.info(jsondata instanceofのアレイ)。//  
    console.info(" jsondata [0]的JS类型:  "typeof演算  jsondata [ 0 ])。
    console.info(" 年齢的JS类型:  "typeof演算  jsondata [ 0 ] .age)。// 
    console.info(" JSのQQタイプ:  "typeof演算  jsonData [ 0 ] QQ); // 文字列
 
})。

結果:

 

 

 

 

 

 ②JSON.stringify(jsonobj); // JSONオブジェクトは、JSONの文字列にシリアライズすることができます 

リスト4:

$(ドキュメント).ready(関数(){
     // JS对象、数组对象
    するvar  データ= [{ " "" chunlynn "" 年齢"27" QQ "" 277539687 " }、
{ " 名前"" リンダ"  、" 年齢"25" QQ "" 123456789 " }]。   // 行の同上行
 
    console.info(" JSのデータ型:  "typeof演算 データ); 
 
    VAR  jsonData JSON.stringify =(データ); // JSON JSON文字列として標的配列
    console.info(jsonData); 
    console.info(jsonData JSのタイプ:  typeof演算 jsonData); 
 
});

 

 

 次のようにより多くの使用:

 

<%@ページ言語= " javaの"  contentTypeの= " text / htmlの;のcharset = UTF-8 "   pageEncodingは= " UTF-8 "%> 
 
<HTML> 
 
<HEAD> 
<スクリプトSRC = " HTTPS://cdn.bootcss。 COM / json3 / 3.3.2 / json3.js " > </ SCRIPT> 
<スクリプトSRC = " https://cdn.bootcss.com/jquery/1.11.2/jquery.js " > </ SCRIPT> 
</ヘッド> 
 
<BODY> 
<スクリプトタイプ= " テキスト/ javascriptの" > 
$(ドキュメント)。READY(関数(){ 
 
    // 二重のエスケープ
     @VARデータ= "[{\"名\ ":\" chunlynn \ "\ "年齢\":27、\ "QQ \":\ "277539687 \"}、{ "名": "リンダ"、"年齢":25、" QQ ":" 556677 "}]"。 
 
    // 单引号放在最外面、就不用转义了
    するvar  データ=  " [{ "名前": "chunlynn"、 "年齢" 27、 "QQ": "277539687"}、{ "名前":"リンダ""年齢":25、" QQ ":" 556677" }] ' 。  
 
    VAR  jsondata =  JSON.parse(データ)。
    console.info(jsondata)。
    console.info(" 姓名:" + jsondata [ 0 ] .nameの)。
    console.info(" 年龄:
    console.info(jsondata instanceofのアレイ)。
 
    console.info(" jsondata [0]的JS类型:  "typeof演算  jsondata [ 0 ])。
    console.info(" 年齢的JS类型:  "typeof演算  jsondata [ 0 ] .age)。
    console.info(" QQ的JS类型:  "typeof演算  jsondata [ 0 ] .qq)。
    VAR  jsondata2 =  JSON.parse(データ、関数(キー、値){
         場合  (typeof演算  値==  " 番号" ){ 
          値 =値+ 1000年
        }   
 
        戻り 値。
 
    }); 
 
    console.info(" 姓名2:" + jsondata2 [ 0 ] .nameの)。
    console.info(" 年龄2:" + jsondata2 [ 0 ] .age)。
    console.info(" QQ2:" + jsondata2 [ 0 ] .qq)。
 
}); 
 
</スクリプト> 
</ BODY> 
</ HTML> 

結果:

 

 

ダウンロード:

[1] json3.js [JS / JavaScriptのJSON JSパッケージの解析、JSONは、JSONの公式パッケージを解析] -CSDNダウンロード
http://download.csdn.net/download/chenchunlin526/10170731

もっとJSONを解析するJavaScriptの方法について、以下のブログ記事を参照してください。

[1] JavaScriptはJSON --- JSON.parse()、JSON.stringify(解析 ) 及び$ .parseJSONを()に詳述使用し 
http://blog.csdn.net/chenchunlin526/article/details/78850924

 

お互いに私は、フロントエンドの学習交換基をセットアップ乾燥品の多くは、解決すべき初期および中期的な問題のためにグループ内であり、一緒に探求するグループにビットを歓迎し、ヘルプ907 694 362   私はあなたが前に道にセーリングを滑らかにしたいです!

おすすめ

転載: www.cnblogs.com/xsd1/p/11918026.html