首頁 >web前端 >js教程 >簡單了解json

簡單了解json

怪我咯
怪我咯原創
2017-04-01 09:47:061636瀏覽

Json就是js物件
-----
簡單來說,JSON 可以將JavaScript 物件中表示的一組資料轉換為字串#,然後就可以在函數之間輕鬆地傳遞這個字串,或在非同步應用程式中將字串從Web 用戶端傳遞給伺服器端程式。這個字串看起來有點古怪(稍後會看到幾個範例),但是 JavaScript 很容易解釋它,而且 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 格式的資料時,沒有需要遵守的預先定義的約束。所以,在同樣的資料結構中,可以改變表示資料的方式,甚至可以以不同方式表示同一件事。
在 JavaScript 中使用 JSON
掌握了 JSON 格式之後,在 JavaScript 中使用它就很簡單了。 JSON 是 JavaScript 原生格式,這表示在 JavaScript 中處理 JSON 資料不需要任何特殊的 API 或工具包。
將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 幾乎肯定是一個好選擇,這樣就可以輕鬆地將資料轉換為可以在請求中發送給伺服器端程式的格式。

結束語

本系列已經花很多時間討論了資料格式,這主要是因為幾乎所有非同步應用程式最終都要處理資料。如果掌握了發送和接收所有類型的資料的各種工具和技術,並以最適合每種資料類型的方式使用它們,那麼就能夠更精通 Ajax。在掌握 XML 和純文字的基礎上,再掌握 JSON,這樣就能夠在 JavaScript 中處理更複雜的資料結構。

本系列中的下一篇文章將討論發送資料以外的問題,深入介紹伺服器端程式如何接收和處理 JSON 格式的資料。還要討論伺服器端程式如何跨腳本和伺服器端元件以 JSON 格式傳送回數據,這樣就可以將 XML、純文字和 JSON 請求和回應混合在一起。這可以提供很大的靈活性,可以按照幾乎任何組合結合使用所有這些工具。


#

以上是簡單了解json的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn