SON(JavaScript Object Notation) 是一種輕量級的數(shù)據(jù)交換格式，采用完全獨立于語言的文本格式，是理想的數(shù)據(jù)交換格式。同時，JSON是 JavaScript 原生格式，這意味著在 JavaScript 中處理 JSON數(shù)據(jù)不須要任何特殊的 API 或工具包。

本文主要是對JS操作JSON的要領(lǐng)做下總結(jié)。

在JSON中，有兩種結(jié)構(gòu)：對象和數(shù)組。

1. 一個對象以“{”（左括號）開始，“}”（右括號）結(jié)束。每個“名稱”后跟一個“:”（冒號）；“‘名稱/值' 對”之間運用 “,”（逗號）分隔。 名稱用引號括起來；值如果是字符串則必須用括號，數(shù)值型則不須要。例如：

var o={"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"}；

2. 數(shù)組是值（value）的有序集合。一個數(shù)組以“[”（左中括號）開始，“]”（右中括號）結(jié)束。值之間運用 “,”（逗號）分隔。

例如：

var jsonranklist=[{"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"},{"xlid":"zd","xldigitid":123456,"topscore":1500,"topplaytime":"2009-11-20"}];

為了方便地處理JSON數(shù)據(jù)，JSON提供了json.js包，下載地址：http://www.json.org/json.js

在數(shù)據(jù)傳輸流程中，json是以文本，即字符串的形式傳遞的，而JS操作的是JSON對象，所以，JSON對象和JSON字符串之間的相互轉(zhuǎn)換是關(guān)鍵。例如：

JSON字符串:

var str1 = '{ "name": "cxh", "sex": "man" }';

JSON對象:

var str2 = { "name": "cxh", "sex": "man" };

一、JSON字符串轉(zhuǎn)換為JSON對象

要運用上面的str1，必須運用下面的要領(lǐng)先轉(zhuǎn)化為JSON對象：

//由JSON字符串轉(zhuǎn)換為JSON對象

var obj = eval('(' + str + ')');

或者

var obj = str.parseJSON(); //由JSON字符串轉(zhuǎn)換為JSON對象

或者

var obj = JSON.parse(str); //由JSON字符串轉(zhuǎn)換為JSON對象

然后，就可以這樣讀?。?/p>

Alert(obj.name);

Alert(obj.sex);

特別留心：如果obj本來就是一個JSON對象，那么運用 eval（）函數(shù)轉(zhuǎn)換后（哪怕是多次轉(zhuǎn)換）還是JSON對象，但是運用 parseJSON（）函數(shù)處理后會有疑問（拋出語法異常）。

二、可以運用 toJSONString()或者全局要領(lǐng) JSON.stringify()將JSON對象轉(zhuǎn)化為JSON字符串。

例如：

var last=obj.toJSONString(); //將JSON對象轉(zhuǎn)化為JSON字符

或者

var last=JSON.stringify(obj); //將JSON對象轉(zhuǎn)化為JSON字符

alert(last);

留心：

上面的多個要領(lǐng)中，除了eval()函數(shù)是js自帶的之外，其他的多個要領(lǐng)都來自json.js包。新版本的 JSON 修改了 API，將 JSON.stringify() 和 JSON.parse() 兩個要領(lǐng)都注入到了 Javascript 的內(nèi)建對象里面，前者變成了 Object.toJSONString()，而后者變成了 String.parseJSON()。如果提示找不到toJSONString()和parseJSON()要領(lǐng)，則說明您的json包版本太低。

js對象與json對象的相互轉(zhuǎn)換

<script> 
  //js對象（student）
  var student = new Object();
  student.name = "Lanny";
  student.age = "25";
  student.location = "China";
  console.log(student);
 
  //將js對象轉(zhuǎn)化為JSON字符
  var last1=JSON.stringify(student);
  console.log(last1);
  console.log(typeof last1);//輸出last1的類型
  console.log('--------------------------');
  //由JSON字符串轉(zhuǎn)換為JSON對象/js對象
  var obj1 = eval('(' + last1 + ')');
  var obj2 = JSON.parse(last1);
  console.log(obj1);
  console.log(typeof obj1);
  console.log(obj2);
  console.log(typeof obj2);
 
</script> 

效果圖：

json字符串與json對象的相互轉(zhuǎn)換

<script>    
  //JSON字符串:
  var str1 = '{ "name": "cxh", "sex": "man" }';
  console.log(str1);
  console.log(typeof str1);
  //JSON對象:
  var str2 = { "name": "cxh", "sex": "man" };
  console.log(str2);
  console.log(typeof str2);
  console.log('--------------------------');
  //將js對象轉(zhuǎn)化為JSON字符
  var last1=JSON.stringify(str2);
  console.log(last1);
  console.log(typeof last1);//輸出last1的類型
  console.log('--------------------------');
  //由JSON字符串轉(zhuǎn)換為JSON對象
  var obj1 = eval('(' + last1 + ')');
  var obj2 = JSON.parse(str1);
  console.log(obj1);
  console.log(typeof obj1);
  console.log(obj2);
  console.log(typeof obj2);
</script> 

效果圖：

下面是一些補充

在JS中將JSON的字符串解析成JSON數(shù)據(jù)格式，一般有兩種方式：

1.一種為使用eval_r()函數(shù)。

2. 使用Function對象來進行返回解析。

在數(shù)據(jù)傳輸流程中，json是以文本，即字符串的形式傳遞的，而JS操作的是JSON對象，所以，JSON對象和JSON字符串之間的相互轉(zhuǎn)換是關(guān)鍵。例如：

JSON字符串:
var str1 = '{ "name": "cxh", "sex": "man" }';

JSON對象:
var str2 = { "name": "cxh", "sex": "man" };

第一種解決方法：

var dataObj=eval_r("("+data+")");//轉(zhuǎn)換為json對象
為什么要 eval這里要添加 “("("+data+")");//”呢？

原因在于：eval本身的問題。由于json是以”{}”的方式來開始以及結(jié)束的，在JS中，它會被當成一個語句塊來處理，所以必須強制性的將它轉(zhuǎn)換成一種表達式。

加上圓括號的目的是迫使eval函數(shù)在處理JavaScript代碼的時候強制將括號內(nèi)的表達式（expression）轉(zhuǎn)化為對象，而不是作為語句（statement）來執(zhí)行。舉一個例子，例如對象字面量{}，如若不加外層的括號，那么eval會將大括號識別為JavaScript代碼塊的開始和結(jié)束標記，那么{}將會被認為是執(zhí)行了一句空語句。所以下面兩個執(zhí)行結(jié)果是不同的：

alert(eval_r("{}"); // return undefined
alert(eval_r("({})");// return object[Object]

對于這種寫法，在JS中，可以到處看到。

如: (function()) {}();  做閉包操作時等。

var str1 = '{ "name": "cxh", "sex": "man" }';
var data=eval_r("("+str1+")");//轉(zhuǎn)換為json對象//data =(new
alert (data.name);//會顯示出cxh

這里特別需要注意的是方式1中的eval_r()方法是動態(tài)執(zhí)行其中字符串（可能是js腳本）的，這樣很容易會造成系統(tǒng)的安全問題。所以可以采用一些規(guī)避了eval_r()的第三方客戶端腳本庫，比如JSON in JavaScript就提供了一個不超過3k的腳本庫。

第二種解決方法：

第二種解析方式就是使用Function對象來完成，它的典型應用就是在JQUERY中的AJAX方法下的success等對于返回數(shù)據(jù)data的解析

var str1 = '{ "name": "cxh", "sex": "man" }';
var data = (Function("","return "+str1))();
alert (data.name);//會顯示出cxh

到此這篇關(guān)于JS中操作JSON總結(jié)的文章就介紹到這了,更多相關(guān)JS操作JSON內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論