JSON获取属性值方法代码实例
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScript（Standard ECMA-262 3rd Edition - December 1999）的一个子集。
JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C, C++, C#, Java, JavaScript, Perl, Python等）。
这些特性使JSON成为理想的数据交换语言。其属性值的获取有三种方法
1. 对象名.属性名, 类似于高级语言的写法
var obj = '{"name":"wisdo", "age":"20"}';
var data = eval('('+ obj +')');
alert(obj.name);
2. 以数组索引的方式来访问
var obj = '{"name":"wisdo", "age":"20"}';
var data = eval('('+ obj +')');
alert(obj[0]); // 输出的是 name
3. 以字典索引的方式来访问
var obj = '{"name":"wisdo", "age":"20"}';
var data = eval('('+ obj +')');
alert(obj['name']); // 输出的是 name 值
在通常的情况下,一般是使用第一种方法,即通过对象名.属性名 的方式来访问,这样对于使用高级语言的编程很直观,也很容易理解,但这也有局限性,属性的名称要规范,key 要以字母或下划线开头的包括字母、下划线和数字的字符串,不能以数字开头.
总结
data.key和data['key']各自有自己的应用场景，一般情况使用data.key即可，也比较直观(它符合其它高级语言中访问对象中属性的方式)；当key为一个变量时，并且使用在循环中，用data['key']这种方式。
for(var i=0; i < 10; i++) {
s += data['key' + i]; //循环调用，可简化代码}
以数组索引的方式来访问,虽然不推荐，但也是有其应用价值的；如当建立一个与数据库中id一一对应的map对象的时候，可直接用id的数值做key，虽然你可以给它加上一个字母前缀来让它符合合法的变量名的标准并让它的数据能通过data.key的方式访问.
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要给大家介绍了关于es7学习教程之fetch解决异步嵌套问题的相关资料，文中通过示例代码介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。2017-07-07
本文主要讲解javascript 的正则表达式中的分组匹配与前瞻匹配的，需要对正则的有基本认识，本人一直对两种匹配模棱不清，还有不清楚的朋友跟随脚本之家小编一起看看吧2018-05-05
这篇文章主要为大家介绍了JS中call apply bind函数手写实现demo，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-03-03
网上收集的一些经典特效，这里因为篇幅较长，不加整理了，想运行的代码的朋友可以点击textarea中，全选复制即可。2010-07-07
这篇文章主要介绍了JavaScript性能提升，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
JS中DOM元素的attribute与property属性示例详解
这篇文章主要给大家介绍了关于JS中DOM元素的attribute与property属性的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起看看吧2018-09-09
javascript addBookmark 加入收藏 多浏览器兼容
不错的加入收藏代码，加入了对一些常见浏览器的判断，更好的体现用户体验，兼容了ie,firefox.2009-08-08
这篇文章主要介绍了怎样用JS模拟实现枚举，对枚举感兴趣的同学，可以实验一下2021-04-04
webpack打包中path.resolve(__dirname, 'dist')的含义解
这篇文章主要介绍了webpack打包中path.resolve(__dirname, 'dist')的含义解析,path:path.resolve(__dirname, 'dist')就是在打包之后的文件夹上拼接了一个文件夹，在打包时，直接生成，本文给大家讲解的非常详细，需要的朋友可以参考下2023-05-05
showModalDialog模态对话框的使用详解以及浏览器兼容
showModalDialog是jswindow对象的一个方法，和window.open一样都是打开一个新的页面。区别是：showModalDialog打开子窗口后，父窗口就不能获取焦点了（也就是无法操作了）2014-01-01
最新评论