json數據格式

?2016年w3cschool全網技術教程離線下載

?查看完整手冊《JavaScript中的json操作》

?學技術從w3cschool.cn開始

JSON是?JavaScript Object?Notation的簡稱,是一種輕量的數據表示方法。jason格式采用key:value的方式記錄數據,非常直觀,比XML簡潔,因而大受歡迎

介紹jason格式前,先讓我們看看XML格式。顯然,XML?得到了相當多的關注(正面和負面的評價都有),已經在?Ajax?應用程序中廣泛使用:

Brett

McLaughlin

brett@newInstance.com

這里的數據與前面看到的相同,但是這一次采用?XML?格式。這沒什么了不起的;這只是另一種數據格式,使我們能夠使用?XML?而不是純文本和名稱/值對。

本文討論另一種數據格式,JavaScript Object NotationJSON)。JSON?看起來既熟悉又陌生。它提供了另一種選擇,選擇范圍更大總是好事情。

添加?JSON

在使用名稱/值對或?XML?時,實際上是使用?JavaScript?從應用程序中取得數據并將數據轉換成另一種數據格式。在這些情況下,JavaScript?在很大程度上作為一種數據操縱語言,用來移動和操縱來自?Web?表單的數據,并將數據轉換為一種適合發送給服務器端程序的格式。

但是,有時候?JavaScript?不僅僅作為格式化語言使用。在這些情況下,實際上使用?JavaScript?語言中的對象來表示數據,而不僅是將來自?Web?表單的數據放進請求中。在這些情況下,從?JavaScript?對象中提取數據,然后再將數據放進名稱/值對或?XML,就有點兒多此一舉了。這時就合適使用?JSON:JSON?允許輕松地將?JavaScript對象轉換成可以隨請求發送的數據(同步或異步都可以)。

JSON?并不是某種魔彈;但是,它對于某些非常特殊的情況是很好的選擇。

簡單地說,JSON?可以將?JavaScript?對象中表示的一組數據轉換為字符串,然后就可以在函數之間輕松地傳遞這個字符串,或者在異步應用程序中將字符串從?Web?客戶機傳遞給服務器端程序。這個字符串看起來有點兒古怪(稍后會看到幾個示例),但是?JavaScript?很容易解釋它,而且?JSON?可以表示比名稱/值對更復雜的結構。例如,可以表示數組和復雜的對象,而不僅僅是鍵和值的簡單列表。JSON?基礎

簡單?JSON?示例

按照最簡單的形式,可以用下面這樣的?JSON?表示名稱/值對:

{"firstName": "Brett"}

這個示例非?;?,而且實際上比等效的純文本名稱/值對占用更多的空間:

firstName=Brett

但是,當將多個名稱/值對串在一起時,JSON?就會體現出它的價值了。首先,可以創建包含多個名稱/值對的記錄,比如:

{ "firstName": "Brett", "lastName":"McLaughlin", "email": "brett@newInstance.com" }

從語法方面來看,這與名稱/值對相比并沒有很大的優勢,但是在這種情況下?JSON?更容易使用,而且可讀性更好。例如,它明確地表示以上三個值都是同一記錄的一部分;花括號使這些值有了某種聯系。

值的數組

當需要表示一組值時,JSON?不但能夠提高可讀性,而且可以減少復雜性。例如,假設您希望表示一個人名列表。在?XML?中,需要許多開始標記和結束標記;如果使用典型的名稱/值對(就像在本系列前面文章中看到的那種名稱/值對),那么必須建立一種專有的數據格式,或者將鍵名稱修改為?person1-firstName?這樣的形式。

如果使用?JSON,就只需將多個帶花括號的記錄分組在一起:

{ "people": [

{ "firstName": "Brett", "lastName":"McLaughlin", "email": "brett@newInstance.com" },

{ "firstName": "Jason", "lastName":"Hunter", "email": "jason@servlets.com" },

{ "firstName": "Elliotte", "lastName":"Harold", "email": "elharo@macfaq.com" }

]}

這不難理解。在這個示例中,只有一個名為?people?的變量,值是包含三個條目的數組,每個條目是一個人的記錄,其中包含名、姓和電子郵件地址。上面的示例演示如何用括號將記錄組合成一個值。當然,可以使用相同的語法表示多個值(每個值包含多個記錄):

{ "programmers": [

{ "firstName": "Brett", "lastName":"McLaughlin", "email": "brett@newInstance.com" },

{ "firstName": "Jason", "lastName":"Hunter", "email": "jason@servlets.com" },

{ "firstName": "Elliotte", "lastName":"Harold", "email": "elharo@macfaq.com" }

],

"authors": [

{ "firstName": "Isaac", "lastName": "Asimov", "genre": "science fiction" },

{ "firstName": "Tad", "lastName": "Williams", "genre": "fantasy" },

{ "firstName": "Frank", "lastName": "Peretti", "genre": "christian fiction" }

],

"musicians": [

{ "firstName": "Eric", "lastName": "Clapton", "instrument": "guitar" },

{ "firstName": "Sergei", "lastName": "Rachmaninoff", "instrument": "piano" }

]

}

這里最值得注意的是,能夠表示多個值,每個值進而包含多個值。但是還應該注意,在不同的主條目(programmers、authors?和?musicians)之間,記錄中實際的名稱/值對可以不一樣。JSON?是完全動態的,允許在?JSON?結構的中間改變表示數據的方式。

在處理?JSON?格式的數據時,沒有需要遵守的預定義的約束。所以,在同樣的數據結構中,可以改變表示數據的方式,甚至可以以不同方式表示同一事物。

將?JSON?數據賦值給變量掌握了?JSON?格式之后,在?JavaScript?中使用它就很簡單了。JSON?是?JavaScript?原生格式,這意味著在JavaScript?中處理?JSON?數據不需要任何特殊的?API?或工具包。在?JavaScript?中使用?JSON

例如,可以創建一個新的?JavaScript?變量,然后將?JSON?格式的數據字符串直接賦值給它:

var people =

{ "programmers": [

{ "firstName": "Brett", "lastName":"McLaughlin", "email": "brett@newInstance.com" },

{ "firstName": "Jason", "lastName":"Hunter", "email": "jason@servlets.com" },

{ "firstName": "Elliotte", "lastName":"Harold", "email": "elharo@macfaq.com" }

],

"authors": [

{ "firstName": "Isaac", "lastName": "Asimov", "genre": "science fiction" },

{ "firstName": "Tad", "lastName": "Williams", "genre": "fantasy" },

{ "firstName": "Frank", "lastName": "Peretti", "genre": "christian fiction" }

],

"musicians": [

{ "firstName": "Eric", "lastName": "Clapton", "instrument": "guitar" },

{ "firstName": "Sergei", "lastName": "Rachmaninoff", "instrument": "piano" }

]

}

這非常簡單;現在?people?包含前面看到的?JSON?格式的數據。但是,這還不夠,因為訪問數據的方式似乎還不明顯。

訪問數據

盡管看起來不明顯,但是上面的長字符串實際上只是一個數組;將這個數組放進?JavaScript?變量之后,就可以很輕松地訪問它。實際上,只需用點號表示法來表示數組元素。所以,要想訪問?programmers?列表的第一個條目的姓氏,只需在?JavaScript?中使用下面這樣的代碼:

people.programmers[0].lastName;

注意,數組索引是從零開始的。所以,這行代碼首先訪問?people?變量中的數據;然后移動到稱為?programmers的條目,再移動到第一個記錄([0]);最后,訪問?lastName?鍵的值。結果是字符串值?“McLaughlin”。

下面是使用同一變量的幾個示例。

people.authors[1].genre?????????????????????? // Value is "fantasy"

people.musicians[3].lastName????????? // Undefined. This refers to the fourth entry,

and there isn't one

people.programmers.[2].firstName????? // Value is "Elliotte"

利用這樣的語法,可以處理任何?JSON?格式的數據,而不需要使用任何額外的?JavaScript?工具包或?API。

修改?JSON?數據

正如可以用點號和括號訪問數據,也可以按照同樣的方式輕松地修改數據:

people.musicians[1].lastName = "Rachmaninov";

在將字符串轉換為?JavaScript?對象之后,就可以像這樣修改變量中的數據。

轉換回字符串

當然,如果不能輕松地將對象轉換回本文提到的文本格式,那么所有數據修改都沒有太大的價值。在?JavaScript中這種轉換也很簡單:

String newJSONtext = people.toJSONString();

這樣就行了!現在就獲得了一個可以在任何地方使用的文本字符串,例如,可以將它用作?Ajax?應用程序中的請求字符串。

更重要的是,可以將任何JavaScript?對象轉換為?JSON?文本。并非只能處理原來用?JSON?字符串賦值的變量。為了對名為?myObject?的對象進行轉換,只需執行相同形式的命令:

String myObjectInJSON = myObject.toJSONString();

這就是?JSON?與本系列討論的其他數據格式之間最大的差異。如果使用?JSON,只需調用一個簡單的函數,就可以獲得經過格式化的數據,可以直接使用了。對于其他數據格式,需要在原始數據和格式化數據之間進行轉換。即使使用?Document Object Model?這樣的?API(提供了將自己的數據結構轉換為文本的函數),也需要學習這個API?并使用?API?的對象,而不是使用原生的?JavaScript?對象和語法。

最終結論是,如果要處理大量?JavaScript?對象,那么?JSON?幾乎肯定是一個好選擇,這樣就可以輕松地將數據轉換為可以在請求中發送給服務器端程序的格式。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,030評論 6 531
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,310評論 3 415
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事?!?“怎么了?”我有些...
    開封第一講書人閱讀 175,951評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,796評論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,566評論 6 407
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,055評論 1 322
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,142評論 3 440
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,303評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,799評論 1 333
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,683評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,899評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,409評論 5 358
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,135評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,520評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,757評論 1 282
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,528評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,844評論 2 372

推薦閱讀更多精彩內容