JSON(javaScript Object Notation) 是一種輕量級的數據交換格式,采用完全獨立于語言的文本格式,是理想的數據交換格式。同時,JSON是 Javascript 原生格式,這意味著在 JavaScript 中處理 JSON數據不須要任何特殊的 API 或工具包。 本文主要是對JS操作JSON的要領做下總結。 在JSON中,有兩種結構:對象和數組。1. 一個對象以“{”(左括號)開始,“}”(右括號)結束。每個“名稱”后跟一個“:”(冒號); “‘名稱/值’ 對”之間運用 “,”(逗號)分隔。 名稱用引號括起來;值如果是字符串則必須用括號,數值型則不須要。 例如:
packJson = {"name":"nikita", "passWord":"1111"}; 2. 數組是值(value)的有序集合。一個數組以“[”(左中括號)開始,“]”(右中括號)結束。值之間運用 “,”(逗號)分隔。 例如: packJson = [{"name":"nikita", "password":"1111"}, {"name":"tony", "password":"2222"}]; 為了方便地處理JSON數據,JSON提供了json.js包,下載地址:http://www.json.org/json.js 在數據傳輸流程中,json是以文本,即字符串的形式傳遞的,而JS操作的是JSON對象,所以,JSON對象和JSON字符串之間的相互轉換是關鍵。 例如: JSON字符串: var str1 = '{ "name": "cxh", "sex": "man" }'; JSON對象: var str2 = { "name": "cxh", "sex": "man" };一、JSON字符串轉換為JSON對象
要運用上面的str1,必須運用下面的要領先轉化為JSON對象: 由JSON字符串轉換為JSON對象 var obj = eval('(' + str + ')');或者 var obj = str.parseJSON(); //由JSON字符串轉換為JSON對象 或者 var obj = JSON.parse(str); //由JSON字符串轉換為JSON對象 然后,就可以這樣讀取: Alert(obj.name); Alert(obj.sex); 特別留心:如果obj本來就是一個JSON對象,那么運用 eval()函數轉換后(哪怕是多次轉換)還是JSON對象,但是運用 parseJSON()函數處理后會有疑問(拋出語法異常)。二、可以運用 toJSONString()或者全局要領 JSON.stringify()將JSON對象轉化為JSON字符串。
例如: var last=obj.toJSONString(); //將JSON對象轉化為JSON字符 或者 var last=JSON.stringify(obj); //將JSON對象轉化為JSON字符 alert(last); 留心: 上面的多個要領中,除了eval()函數是js自帶的之外,其他的多個要領都來自json.js包。 新版本的 JSON 修改了 API,將 JSON.stringify() 和 JSON.parse() 兩個要領都注入到了 Javascript 的內建對象里面, 前者變成了 Object.toJSONString(),而后者變成了 String.parseJSON()。 如果提示找不到toJSONString()和parseJSON()要領,則說明您的json包版本太低。三、遍歷JSON對象
<script> var myJson={"name":"nikita", "password":"1111"}; for(var p in myJson){ //遍歷json對象的沒個key/.value對,p為key alert(p+":"+myJson[p]); } // 運行結果:name : nikita 和 password:1111 </script> 4、遍歷JSON數組 <script> packJson = [ {"name":"nikita", "password":"1111"}, {"name":"tony", "password":"2222"} ]; //寫法一 for(var p in packJson){ //遍歷json數組,這里p為索引,0,1 alert(packJson[p].name+":"+packJson[p].password) } //寫法二 for(var i=0;i<packJson.length;i++){ alert(packJson[i].name+":"+packJson[i].password); } </script> <!--5、將兩個json對象組裝到一個里面--> <script> function addGroupJson(targetJson,packJson){ if(targetJson && packJson){ for(var p in packJson){ targetJson[p]=packJson[p]; } return targetJson; } } var json1 = {"name":"nikita","sex":"boy"}; var json2 = {"password":"1111","job":"boss"}; addGroupJson(json1, json2); console.log(addGroupJson(json1, json2)); //結果:{'name':'nikita','password':'1111'} </script>
新聞熱點
疑難解答