卡卡網(wǎng)

當(dāng)你需要通過各種語言訪問你的數(shù)據(jù)時，最好選擇JSON來保存你的數(shù)據(jù)。JSON是一種輕量級的數(shù)據(jù)交換格式，采用完全獨立于編程語言的文本格式來存儲和表示數(shù)據(jù)。使用 JSON 時，你可能會在.json文件中看到 JSON 對象，對于如何通過Javascript讀取JSON文件，請參考下面文章指南。

• 介紹兩種方法JS讀取 .JSON 文件【實例演示/源碼下載】

但 JSON 對象或字符串也可以存在于程序上下文中，那么我們又如何通過Javascript程序來讀取它們？這正是本文要介紹的內(nèi)容。

本文將向你介紹如何通過兩種方法在 JavaScript 中使用 JSON。

假如我們現(xiàn)在有個 JSON 對象 sammy：

var sammy = { 
  "first_name"  :  "Sammy", 
  "last_name"   :  "Shark", 
  "online"      :  true 
}

在 JavaScript 中使用 JSON 方法一

為了訪問任何值，我們將使用如下所示的點表示法：

sammy.first_name
sammy.last_name
sammy.online

先是變量sammy，后跟一個點（.），然后是要訪問的鍵。

要創(chuàng)建一個 JavaScript 警報(alert)，在彈出窗口中向我們顯示與鍵first_name關(guān)聯(lián)的值，我們可以通過調(diào)用 JavaScript alert()函數(shù)來實現(xiàn)：

alert(sammy.first_name);

Output
Sammy

在這里，我們已經(jīng)成功地從JSON 對象中調(diào)用了與first_name鍵關(guān)聯(lián)的值Sammy。

在 JavaScript 中使用 JSON 方法二

我們還可以使用方括號[]語法來訪問來自 JSON 的數(shù)據(jù)。為此，我們將在方括號[]內(nèi)的雙引號中保留密鑰。對于上面的變量sammy，在alert()函數(shù)中使用方括號[]語法如下所示：

alert(sammy["online"]);

Output
true

在 JavaScript 中使用 JSON 嵌套數(shù)據(jù)

當(dāng)你使用嵌套數(shù)組元素時，你應(yīng)該調(diào)用數(shù)組中項目的編號。讓我們考慮下面的 JSON：

var user_profile = { 
  "username" : "Kaka",
  "website" : [
    {
      "description" : "卡卡測速網(wǎng)",
      "link" : "http://www.howtostagehomes.com/"
    },
    {
      "description" : "Hello World",
      "link" : "******"
    },
    {
      "description" : "My Site",
      "link" : "******"
    }
  ]
}

要訪問字符串“http://www.howtostagehomes.com/”，我們可以在點符號的上下文中調(diào)用數(shù)組中的該項：

alert(user_profile.website[0].link);

Output
http://www.howtostagehomes.com/

請注意，對于每個嵌套元素，我們將使用一個額外的點。

總結(jié)

本文介紹了Javascript訪問JSON(含嵌套)數(shù)據(jù)的兩種方法，使用點（.）表示法或方括號[]語法允許我們訪問包含在 JSON 格式中的數(shù)據(jù)。

您可能對以下文章也感興趣

• 介紹兩種方法JS讀取 .JSON 文件【實例演示/源碼下載】
• 表單序列化插件serializeJSON.js下載及使用示例
• JQuery如何把JSON字符串轉(zhuǎn)為JSON對象

標(biāo)簽: JSON