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 相关文章推荐
JS实现模仿微博发布效果实例代码
Dec 16 Javascript
javascript面向对象之对象的深入理解
Jan 13 Javascript
javascript用正则表达式过滤空格的实现代码
Jun 14 Javascript
javascript js 操作数组 增删改查的简单实现
Jun 20 Javascript
从零开始学习Node.js系列教程之设置HTTP头的方法示例
Apr 13 Javascript
ES6扩展运算符的用途实例详解
Aug 20 Javascript
vue+element-ui实现表格编辑的三种实现方式
Oct 31 Javascript
jQuery层叠选择器用法实例分析
Jun 28 jQuery
JavaScript实现的开关灯泡点击切换特效示例
Jul 08 Javascript
详解package.json版本号规则
Aug 01 Javascript
解决vue 表格table列求和的问题
Nov 06 Javascript
Vue的transition-group与Virtual Dom Diff算法的使用
Dec 09 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 字符截取 解决中文的截取问题,不用mb系列
2009/09/29 PHP
php实现的简单美国商品税计算函数
2015/07/13 PHP
PHP实现的AES 128位加密算法示例
2019/09/16 PHP
javascript中获取选中对象的类型
2007/04/02 Javascript
json 入门基础教程 推荐
2009/10/31 Javascript
jquery.pagination.js 无刷新分页实现步骤分享
2012/05/23 Javascript
js showModalDialog参数的使用详解
2014/01/07 Javascript
js与运算符和或运算符的妙用
2014/02/14 Javascript
原生js实现autocomplete插件
2016/04/14 Javascript
js 实现一些跨浏览器的事件方法详解及实例
2016/10/27 Javascript
基于jQuery实现数字滚动效果
2017/01/16 Javascript
用 Vue.js 递归组件实现可折叠的树形菜单(demo)
2017/12/25 Javascript
使用weixin-java-tools完成微信授权登录、微信支付的示例
2018/09/26 Javascript
vue中的适配px2rem示例代码
2018/11/19 Javascript
JavaScript禁用右键单击优缺点分析
2019/01/20 Javascript
微信小程序云开发使用方法新手初体验
2019/05/16 Javascript
利用layer实现表单完美验证的方法
2019/09/26 Javascript
理解python多线程(python多线程简明教程)
2014/06/09 Python
python网络编程之读取网站根目录实例
2014/09/30 Python
详解python上传文件和字符到PHP服务器
2017/11/24 Python
彻彻底底地理解Python中的编码问题
2018/10/15 Python
Python中对数组集进行按行打乱shuffle的方法
2018/11/08 Python
Django实现发送邮件找回密码功能
2019/08/12 Python
深入浅析css3 中display box使用方法
2015/11/25 HTML / CSS
浅析CSS3中鲜为人知的属性:-webkit-tap-highlight-color
2017/01/12 HTML / CSS
德国箱包网上商店:koffer24.de
2016/07/27 全球购物
吉列剃须刀美国官网:Gillette美国
2018/07/13 全球购物
e路東瀛(JAPANiCAN)香港:日本旅游、日本酒店和温泉旅馆预订
2018/11/21 全球购物
豪华复古化妆:Besame Cosmetics
2019/09/06 全球购物
邹越感恩父母演讲稿
2014/08/28 职场文书
破坏寝室公物检讨书
2014/11/17 职场文书
2015入党自荐书范文
2015/03/05 职场文书
公司行政主管岗位职责
2015/04/09 职场文书
职场新人刚入职工作总结该怎么写?
2019/05/15 职场文书
2019年关于小学生课外阅读情况的分析报告
2019/12/02 职场文书
MySQL pt-slave-restart工具的使用简介
2021/04/07 MySQL