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


Posted in Javascript onJune 30, 2020

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的方式访问.

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

Javascript 相关文章推荐
jquery下为Event handler传递动态参数的代码
Jan 06 Javascript
javascript中全局对象的parseInt()方法使用介绍
Dec 19 Javascript
JavaScript将当前时间转换成UTC标准时间的方法
Apr 06 Javascript
即将发布的jQuery 3 有哪些新特性
Apr 14 Javascript
jQuery UI Bootstrap是什么?
Jun 17 Javascript
AngularJS通过ng-route实现基本的路由功能实例详解
Dec 13 Javascript
ES6中javascript实现函数绑定及类的事件绑定功能详解
Nov 08 Javascript
webpack4打包vue前端多页面项目
Sep 17 Javascript
小程序云开发部署攻略(图文教程)
Oct 30 Javascript
JavaScript页面加载事件实例讲解
Sep 01 Javascript
JavaScript 严格模式(use strict)用法实例分析
Mar 04 Javascript
Javascript前端下载后台传来的文件流代码实例
Aug 18 Javascript
JS猜数字游戏实例讲解
Jun 30 #Javascript
vue实现评价星星功能
Jun 30 #Javascript
Json实现传值到后台代码实例
Jun 30 #Javascript
vue实现循环滚动列表
Jun 30 #Javascript
js实现简单音乐播放器
Jun 30 #Javascript
angular中的post请求处理示例详解
Jun 30 #Javascript
vue开发简单上传图片功能
Jun 30 #Javascript
You might like
PHP模拟SQL Server的两个日期处理函数
2006/10/09 PHP
玩转虚拟域名◎+ .
2006/10/09 PHP
PHP 数据库树的遍历方法
2009/02/06 PHP
Dwz与thinkphp整合下的数据导出到Excel实例
2014/12/04 PHP
主页面中的两个iframe实现鼠标拖动改变其大小
2013/04/16 Javascript
利用NodeJS的子进程(child_process)调用系统命令的方法分享
2013/06/05 NodeJs
jQuery中click事件的定义和用法
2014/12/20 Javascript
Javascript闭包用法实例分析
2015/01/23 Javascript
input点击后placeholder中的提示消息消失
2016/01/15 Javascript
JavaScript 对象字面量讲解
2016/06/06 Javascript
Bootstrap弹出带合法性检查的登录框实例代码【推荐】
2016/06/23 Javascript
canvas绘制多边形
2017/02/24 Javascript
bootstrap如何让dropdown menu按钮式下拉框长度一致
2017/04/10 Javascript
JavaScript数据结构之二叉树的遍历算法示例
2017/04/13 Javascript
纯JS实现图片验证码功能并兼容IE6-8(推荐)
2017/04/19 Javascript
jQuery extend()详解及简单实例
2017/05/06 jQuery
js截取字符串功能的实现方法
2017/09/27 Javascript
基于vue展开收起动画的示例代码
2018/07/05 Javascript
详解React中传入组件的props改变时更新组件的几种实现方法
2018/09/13 Javascript
javascript中的闭包概念与用法实践分析
2019/07/26 Javascript
python获取糗百图片代码实例
2013/12/18 Python
快速实现基于Python的微信聊天机器人示例代码
2017/03/03 Python
Python Flask基础教程示例代码
2018/02/07 Python
Python(TensorFlow框架)实现手写数字识别系统的方法
2018/05/29 Python
python各类经纬度转换的实例代码
2019/08/08 Python
python多线程同步实例教程
2019/08/11 Python
Python如何实现邮件功能
2020/05/27 Python
canvas三角函数模拟水波效果的示例代码
2018/07/03 HTML / CSS
HTML5画渐变背景图片并自动下载实现步骤
2013/11/18 HTML / CSS
医学专业毕业生个人求职信
2013/12/25 职场文书
2014年转正工作总结
2014/11/08 职场文书
小学班主任个人总结
2015/03/03 职场文书
留学推荐信怎么写
2015/03/26 职场文书
标会主持词应该怎么写?
2019/08/15 职场文书
开机音效回归! Windows 11重新引入开机铃声
2021/11/21 数码科技
微信小程序纯CSS实现无限弹幕滚动效果
2022/09/23 HTML / CSS