卡卡網

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

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

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

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

假如我們現在有個 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關聯(lián)的值，我們可以通過調用 JavaScript alert()函數來實現：

alert(sammy.first_name);

Output
Sammy

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

在 JavaScript 中使用 JSON 方法二

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

alert(sammy["online"]);

Output
true

在 JavaScript 中使用 JSON 嵌套數據

當你使用嵌套數組元素時，你應該調用數組中項目的編號。讓我們考慮下面的 JSON：

var user_profile = { 
  "username" : "Kaka",
  "website" : [
    {
      "description" : "卡卡測速網",
      "link" : "http://m.gazebo2go.com/"
    },
    {
      "description" : "Hello World",
      "link" : "******"
    },
    {
      "description" : "My Site",
      "link" : "******"
    }
  ]
}

要訪問字符串“http://m.gazebo2go.com/”，我們可以在點符號的上下文中調用數組中的該項：

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

Output
http://m.gazebo2go.com/

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

總結

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

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

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

標簽: JSON