JSON获取属性值方法代码实例

 更新时间:2020年06月30日 10:45:41   作者:wisdo  
这篇文章主要介绍了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的方式访问.

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • js中base64、url和blob之间相互转换的3种方式(详细代码)

    js中base64、url和blob之间相互转换的3种方式(详细代码)

    这篇文章主要给大家介绍了关于js中base64、url和blob之间相互转换的3种方式,Blob和File是用来表示二进制数据的,而Base64则是一种编码方式,用来把二进制数据编码成可读的字符串,需要的朋友可以参考下
    2023-10-10
  • js导出格式化的excel 实例方法

    js导出格式化的excel 实例方法

    最常见的方式是使用js函数操作excle文件,这种方式可能因浏览器不同,存在兼容性问题。另一种简单方法就是导出一个excel能识别格式的xml文件,用excel打开。
    2013-07-07
  • 整理一些最近经常遇到的前端面试题

    整理一些最近经常遇到的前端面试题

    这篇文章主要给大家整理了一些在面试的时候经常遇到的前端面试题,本文总结的这三十道面试题都是一些最近碰到的一些较为有用的前端题目,相信会对大家面试具有一定的参考价值,需要的朋友可以参考学习,下面来一起看看吧。
    2017-04-04
  • ES6记录异步函数的执行时间详解

    ES6记录异步函数的执行时间详解

    在这篇文章里,我会实现一个可重用的函数来处理 JavaScript 延时异步操作。有需要的小伙伴们可以参考借鉴,下面来一起看看。
    2016-08-08
  • JavaScript实现查找字符串中第一个不重复的字符

    JavaScript实现查找字符串中第一个不重复的字符

    这篇文章主要介绍了JavaScript实现查找字符串中第一个不重复的字符,需要的朋友可以参考下
    2014-12-12
  • javascript 函数调用规则

    javascript 函数调用规则

    构造器函数以大写字母开头是一个好的习惯,这可以作为一个提醒,让你在调用的时候不要忘记前面的new运算符.
    2009-08-08
  • js+html5通过canvas指定开始和结束点绘制线条的方法

    js+html5通过canvas指定开始和结束点绘制线条的方法

    这篇文章主要介绍了js+html5通过canvas指定开始和结束点绘制线条的方法,涉及html5属性的操作技巧,需要的朋友可以参考下
    2015-06-06
  • 前端中跨域及解决措施示例详解

    前端中跨域及解决措施示例详解

    这篇文章主要介绍了前端中跨域及解决措施的相关资料,主要方法包括JSONP、CORS和服务器代理跨域,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2025-02-02
  • 详解JS中遍历语法的比较

    详解JS中遍历语法的比较

    本篇文章主要介绍了详解JS中遍历语法的比较 ,主要介绍for循环、forEach、for...in、for...of的用法和缺点,有兴趣的可以了解一下。
    2017-04-04
  • JS设计模式之访问者模式的用法详解

    JS设计模式之访问者模式的用法详解

    JS访问者模式是一种行为型设计模式,用于将算法与对象结构分离, 该模式允许你定义新的操作(访问者)而无需修改现有对象结构(被访问者), 通过这种方式,你可以在不改变对象结构的情况下添加新的操作,本文就给大家详细的讲讲JS访问者模式的用法
    2023-08-08

最新评论