卡卡網(wǎng)

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

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

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

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

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

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

在 JavaScript 中使用 JSON 方法一

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

sammy.first_name
sammy.last_name
sammy.online

先是變量sammy，后跟一個(gè)點(diǎn)（.），然后是要訪問的鍵。

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

alert(sammy.first_name);

Output
Sammy

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

在 JavaScript 中使用 JSON 方法二

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

alert(sammy["online"]);

Output
true

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

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

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

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

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

Output
http://howtostagehomes.com/

請(qǐng)注意，對(duì)于每個(gè)嵌套元素，我們將使用一個(gè)額外的點(diǎn)。

總結(jié)

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

您可能對(duì)以下文章也感興趣

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

標(biāo)簽: JSON