两种方法Javascript访问JSON(含嵌套)数据
当你需要通过各种语言访问你的数据时，最好选择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对象
