访问 JSON 对象的值

可以使用点号（.），或中括号（[]）来访问 JSON 对象的值。

使用点号访问对象时，直接使用对象的 key 来访问， key 无须放在双引号中。如：

1. <script>
2.   var myObj, x;
3.   myObj = { "github": "https://github.com/leiqikui" };
4.   x = myObj.github;
5.   document.write(x);
6. </script>

在浏览器中运行，得到运行结果为：

1. https://github.com/leiqikui

使用中括号访问对象时，要把对象的 key 以字符串形式，放在中括号中。也就是说，key 要放在双引号中。如：

1. <script>
2.   var myObj, x;
3.   myObj = { "github": "https://github.com/leiqikui" };
4.   x = myObj["github"];
5.   document.write(x);
6. </script>

JSON 对象中，可以包含另外一个 JSON 对象。如，以下代码在 myObj 对象中，嵌套了一个 qq 对象：

1. {
2.   "weibo": "https://weibo.com/leiqikui" ,
3.   "github": "https://github.com/leiqikui" ,
4.   "qq": {
5.     "number": "376601179",
6.     "email": "[email protected]"
7.   }
8. }

你可以使用点号(.)、或者中括号([])来访问嵌套的 JSON 对象：

1. document.write(myObj.qq.email);

或者：

1. document.write(myObj["qq"]["email"]);
2. document.write(myObj.qq["email"]);

上述三种方法的效果相同，在浏览器中的运行结果都是：

1. 376601179@qq.com

关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》，并全部在 GitHub 上开源。