JS操作JSON對象總結

JS操作JSON總結


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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章