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 相关文章推荐
JSON 入门指南 想了解json的朋友可以看下
Aug 26 Javascript
JS 实现列表与多选框选择附预览动画
Oct 29 Javascript
基于javascript实现右下角浮动广告效果
Jan 08 Javascript
node.js学习之交互式解释器REPL详解
Dec 08 Javascript
谈谈jQuery之Deferred源码剖析
Dec 19 Javascript
微信小程序 数据交互与渲染实例详解
Jan 21 Javascript
js实现移动端编辑添加地址【模仿京东】
Apr 28 Javascript
JavaScript正则表达式简单实用实例
Jun 23 Javascript
基于JavaScript实现新增内容滚动播放效果附完整代码
Aug 24 Javascript
Vue页面骨架屏的实现方法
May 22 Javascript
vue使用中的内存泄漏【推荐】
Jul 10 Javascript
探索JavaScript中私有成员的相关知识
Jun 13 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
为什么《星际争霸》是测试人工智能的理想战场
2019/12/03 星际争霸
国内php原创论坛
2006/10/09 PHP
ThinkPHP模板判断输出Empty标签用法详解
2014/06/30 PHP
PHP实现克鲁斯卡尔算法实例解析
2014/08/22 PHP
CI框架中site_url()和base_url()的区别
2015/01/07 PHP
php基于双向循环队列实现历史记录的前进后退等功能
2015/08/08 PHP
PHP实现的随机IP函数【国内IP段】
2016/07/20 PHP
PHP 输出缓冲控制(Output Control)详解
2016/08/25 PHP
js列举css中所有图标的实现代码
2011/07/04 Javascript
JQuery中的html()、text()、val()区别示例介绍
2014/09/01 Javascript
javascript使用smipleChart实现简单图表
2015/01/02 Javascript
JavaScript 浏览器对象模型BOM使用介绍
2015/04/13 Javascript
jquery动态添加文本并获取值的方法
2016/10/12 Javascript
利用angular.copy取消变量的双向绑定与解析
2016/11/25 Javascript
详解在Vue中通过自定义指令获取dom元素
2017/03/04 Javascript
windows下vue-cli及webpack搭建安装环境
2017/04/25 Javascript
微信小程序 自定义Toast实例代码
2017/06/12 Javascript
layui中table表头样式修改方法
2018/08/15 Javascript
Vue3 源码导读(推荐)
2019/10/14 Javascript
基于ts的动态接口数据配置的详解
2019/12/18 Javascript
使用JavaScript实现贪吃蛇游戏
2020/09/29 Javascript
利用Pyhton中的requests包进行网页访问测试的方法
2018/12/26 Python
Python Excel处理库openpyxl使用详解
2019/05/09 Python
Python操作MySQL数据库实例详解【安装、连接、增删改查等】
2020/01/17 Python
Python实现上下文管理器的方法
2020/08/07 Python
浅谈对python中if、elif、else的误解
2020/08/20 Python
巴西Mr. Cat在线商店:购买包包和鞋子
2019/09/08 全球购物
一个SQL面试题
2014/08/21 面试题
财务分析个人的自荐书范文
2013/11/24 职场文书
产品促销活动策划书
2014/01/15 职场文书
预备党员入党自我评价范文
2014/03/10 职场文书
暖通工程师岗位职责
2014/06/12 职场文书
省委召开党的群众路线教育实践活动总结大会报告
2014/10/21 职场文书
如何用JavaScript学习算法复杂度
2021/04/30 Javascript
教你怎么用Python操作MySql数据库
2021/05/31 Python
vue elementUI表格控制对应列
2022/04/13 Vue.js