卡卡网

当你需要通过各种语言访问你的数据时，最好选择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，后跟一个点（.），然后是要访问的键。

要创建一个 JavaScript 警报(alert)，在弹出窗口中向我们显示与键first_name关联的值，我们可以通过调用 JavaScript alert()函数来实现：

alert(sammy.first_name);

Output
Sammy

在这里，我们已经成功地从JSON 对象中调用了与first_name键关联的值Sammy。

在 JavaScript 中使用 JSON 方法二

我们还可以使用方括号[]语法来访问来自 JSON 的数据。为此，我们将在方括号[]内的双引号中保留密钥。对于上面的变量sammy，在alert()函数中使用方括号[]语法如下所示：

alert(sammy["online"]);

Output
true

在 JavaScript 中使用 JSON 嵌套数据

当你使用嵌套数组元素时，你应该调用数组中项目的编号。让我们考虑下面的 JSON：

var user_profile = { 
  "username" : "Kaka",
  "website" : [
    {
      "description" : "卡卡测速网",
      "link" : "http://www.webkaka.com/"
    },
    {
      "description" : "Hello World",
      "link" : "******"
    },
    {
      "description" : "My Site",
      "link" : "******"
    }
  ]
}

要访问字符串“http://www.webkaka.com/”，我们可以在点符号的上下文中调用数组中的该项：

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

Output
http://www.webkaka.com/

请注意，对于每个嵌套元素，我们将使用一个额外的点。

总结

本文介绍了Javascript访问JSON(含嵌套)数据的两种方法，使用点（.）表示法或方括号[]语法允许我们访问包含在 JSON 格式中的数据。

您可能对以下文章也感兴趣

• 介绍两种方法JS读取 .JSON 文件【实例演示/源码下载】
• 表单序列化插件serializeJSON.js下载及使用示例
• JQuery如何把JSON字符串转为JSON对象

标签: JSON