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 相关文章推荐
mouse_on_title.js
Aug 25 Javascript
在修改准备发的批量美化select+可修改select时,在非IE下发现了几个问题
Jan 09 Javascript
JavaScript面向对象程序设计三 原型模式(上)
Dec 21 Javascript
JavaScript中一个奇葩的IE浏览器判断方法
Apr 16 Javascript
javascript数组详解
Oct 22 Javascript
JavaScript中的值类型详细介绍
Dec 29 Javascript
不依赖Flash和任何JS库实现文本复制与剪切附源码下载
Oct 09 Javascript
js拼接html字符串的注意事项
Oct 13 Javascript
详解Angular 开发环境搭建
Jun 22 Javascript
页面缩放兼容性处理方法(zoom,Firefox火狐浏览器)
Aug 29 Javascript
layui checkbox默认选中,获取选中值,清空所有选中项的例子
Sep 02 Javascript
js实现简单的无缝轮播效果
Sep 05 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
MySQL相关说明
2007/01/15 PHP
php preg_match的匹配不同国家语言实例
2016/12/29 PHP
PHP的自定义模板引擎
2017/03/24 PHP
PHP下 Mongodb 连接远程数据库的实例代码
2017/08/30 PHP
php实现的数组转xml案例分析
2019/09/28 PHP
PHP7 整型处理机制修改
2021/03/09 PHP
使两个iframe的高度与内容自适应,且相等
2006/11/20 Javascript
用javascript实现在小方框中浏览大图的代码
2007/08/14 Javascript
JQuery 动画卷页 返回顶部 动画特效(兼容Chrome)
2010/02/15 Javascript
ActiveX控件与Javascript之间的交互示例
2014/06/04 Javascript
JS验证IP,子网掩码,网关和MAC的方法
2015/07/02 Javascript
AngularJS基础 ng-if 指令用法
2016/08/01 Javascript
vue 中directive功能的简单实现
2018/01/05 Javascript
[原创]js实现保存文本框内容为本地文件兼容IE,chrome,火狐浏览器
2018/02/14 Javascript
解决vue keep-alive 数据更新的问题
2018/09/21 Javascript
vue实现的组件兄弟间通信功能示例
2018/12/04 Javascript
JavaScript实现小球沿正弦曲线运动
2020/09/07 Javascript
使用Sonarqube扫描Javascript代码的示例
2018/12/26 Javascript
Vue 用Vant实现时间选择器的示例代码
2019/10/25 Javascript
js实现简单的贪吃蛇游戏
2020/04/23 Javascript
[02:12]打造更好的电竞完美世界:完美盛典回顾篇
2018/12/19 DOTA
pip安装Python库时遇到的问题及解决方法
2017/11/23 Python
python3之模块psutil系统性能信息使用
2018/05/30 Python
使用python实现mqtt的发布和订阅
2019/05/05 Python
利用python爬取有道词典的方法
2020/12/08 Python
简单html5代码获取地理位置
2014/03/31 HTML / CSS
Bailey帽子官方商店:Bailey Hats
2018/09/25 全球购物
含精油的天然有机化妆品:Indemne
2019/08/27 全球购物
优质有机椰子产品:Dr. Goerg
2019/09/24 全球购物
德国家具、照明、家居用品网上商店:Wayfair.de
2020/02/13 全球购物
成品库仓管员岗位职责
2014/04/06 职场文书
爱国主义教育演讲稿
2014/08/26 职场文书
党性观念心得体会
2014/09/03 职场文书
党员批评与自我批评
2014/10/15 职场文书
python实现自动化群控的步骤
2021/04/11 Python
mysql 如何获取两个集合的交集/差集/并集
2021/06/08 MySQL