DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JSON基礎 >> javascript操作JSON的要領總結
javascript操作JSON的要領總結
編輯:JSON基礎     
JSON(JavaScript Object Notation) 是一種輕量級的數據交換格式,采用完全獨立於語言的文本格式,是理想的數據交換格式。同時,JSON是 JavaScript 原生格式,這意味著在 JavaScript 中處理 JSON數據不須要任何特殊的 API 或工具包。
本文主要是對JS操作JSON的要領做下總結。
在JSON中,有兩種結構:對象和數組。
1. 一個對象以“{”(左括號)開始,“}”(右括號)結束。每個“名稱”後跟一個“:”(冒號);“‘名稱/值' 對”之間運用 “,”(逗號)分隔。 名稱用引號括起來;值如果是字符串則必須用括號,數值型則不須要。例如:
復制代碼 代碼如下:
var o={"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"};

名稱是一個字符串; 值可以是一個字符串,一個數值,一個對象,一個布林值,一個有串行表,或者一個null值。
值的有串行表(Array):一個或者多個值用“,”分區後,使用“[”,“]”括起來就形成了這樣的列表,形如:
  [collection, collection]
字符串:以""括起來的一串字符。
數值:一系列0-9的數字組合,可以為負數或者小數。還可以用“e”或者“E”表示為指數形式。
布林值:表示為 true 或者 false。
2. 數組是值(value)的有序集合。一個數組以“[”(左中括號)開始,“]”(右中括號)結束。值之間運用 “,”(逗號)分隔。
例如:
復制代碼 代碼如下:
var jsonranklist=[{"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"},{"xlid":"zd","xldigitid":123456,"topscore":1500,"topplaytime":"2009-11-20"}];

為了方便地處理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對象
[html]
然後,就可以這樣讀取:
[code]
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包版本太低。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved