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 相关文章推荐
发布一个高效的JavaScript分析、压缩工具 JavaScript Analyser
Nov 30 Javascript
js中的this关键字详解
Sep 25 Javascript
jQuery实现多级联动下拉列表查询框
Jan 18 Javascript
leaflet的开发入门教程
Nov 17 Javascript
node.js报错:Cannot find module 'ejs'的解决办法
Dec 14 Javascript
vue.js单页面应用实例的简单实现
Apr 10 Javascript
JavaScript 自定义事件之我见
Sep 25 Javascript
vue.js实现简单轮播图效果
Oct 10 Javascript
jQuery除指定区域外点击任何地方隐藏DIV功能
Nov 13 jQuery
百度小程序之间的页面通信过程详解
Jul 18 Javascript
js实现简单音乐播放器
Jun 30 Javascript
vue使用exif获取图片经纬度的示例代码
Dec 11 Vue.js
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遍历所有文件及文件夹的方法深入解析
2013/06/08 PHP
php实现在限定区域里自动调整字体大小的类实例
2015/04/02 PHP
关于laravel 数据库迁移中integer类型是无法指定长度的问题
2019/10/09 PHP
JS解密入门 最终变量劫持
2008/06/25 Javascript
javascript 用记忆函数快速计算递归函数
2010/03/15 Javascript
TinyMCE 新增本地图片上传功能
2010/11/05 Javascript
基于jquery的loading 加载提示效果实现代码
2011/09/01 Javascript
jQuery的one()方法用法实例
2015/01/19 Javascript
Javascript显示和隐藏ul列表的方法
2015/07/15 Javascript
javascript单例模式的简单实现方法
2015/07/25 Javascript
js格式化输入框内金额、银行卡号
2016/02/01 Javascript
js+html5操作sqlite数据库的方法
2016/02/02 Javascript
基于jquery实现表格内容筛选功能实例解析
2016/05/09 Javascript
JS从数组中随机取出几个数组元素的方法
2016/08/02 Javascript
jQuery实现的分页功能示例
2017/01/22 Javascript
详解vuex commit保存数据技巧
2018/12/25 Javascript
vue限制输入框只能输入8位整数和2位小数的代码
2019/11/06 Javascript
[05:17]DOTA2誓师:今天我们在这里 明天TI4等我!
2014/03/26 DOTA
让Python代码更快运行的5种方法
2015/06/21 Python
简单介绍Python中的几种数据类型
2016/01/02 Python
Python爬取京东的商品分类与链接
2016/08/26 Python
浅谈Python数据类型判断及列表脚本操作
2016/11/04 Python
python进阶_浅谈面向对象进阶
2017/08/17 Python
使用Python进行目录的对比方法
2018/11/01 Python
基于python的BP神经网络及异或实现过程解析
2019/09/30 Python
python实现复制文件到指定目录
2019/10/16 Python
Pytorch在NLP中的简单应用详解
2020/01/08 Python
微信小程序实现可实时改变转速的css3旋转动画实例代码
2018/09/11 HTML / CSS
欧舒丹英国官网:购买欧舒丹护手霜等明星产品
2017/01/17 全球购物
澳大利亚连衣裙和女装在线:Esther
2017/11/11 全球购物
美国知名的旅游网站:OneTravel
2018/10/09 全球购物
《小蝌蚪找妈妈》教学反思
2014/02/21 职场文书
财务总监管理职责范文
2014/03/09 职场文书
机电一体化专业毕业生自荐信
2014/06/19 职场文书
nginx的zabbix 5.0安装部署的方法步骤
2021/07/16 Servers
Nginx 匹配方式
2022/05/15 Servers