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>