实例详解JSON取值(key是中文或者数字)方式
更新时间:2017年08月24日 11:06:08 作者:chentging
本文通过实例详解JSON取值(key是中文或者数字)方式,非常不错,具有参考借鉴价值,需要的的朋友参考下吧
JSON取值(key是中文或者数字)方式详解
先准备一个json对象用于演示
var json = {'name':'zhangsan', '年龄':23, 404:'你可能迷路了'};
1.使用JS中with关键字
with(json) { console.log(name);//输出:zhangsan console.log(年龄);//输出:23 console.log(404);//输出:404,用这种方法读取key是数字的属性,有问题 }
2.最常见的传统的读取key
console.log(json.name);//输出:zhangsan //key是中文也是支持的 console.log(json.年龄);//输出:23 //key是Number类型或者String类型的数字都不能这么读取 console.log(json.404);//报错
3.通用万能型:json['key']
console.log(json['name']);/输出:zhangsan console.log(json['年龄']);//输出:23 console.log(json['404']);//输出:你可能迷路了 json[key] console.log(json[name]);/输出:undefinded console.log(json[年龄]);//报错 console.log(json[404]);//输出:你可能迷路了
json处理动态key方式
先准备案例对象
var jsonArr = [ {"id": "1", "name": "A1"}, {"id": "2", "name": "A2"}, {"id": "3", "name": "A3"}, {"id": "4", "name": "A4"}, {"id": "5", "name": "A5"} ]
1.如果数据量不大,偶尔查询一次,使用for...in遍历
2.如果数据量大,经常使用,建立查找表提升性能
//创建一个查找表函数 function createLookMap(field) { var map = {};//创建一个空的json对象 for (var i = 0; i < jsonArr.length; i++) { var value = jsonArr[i];//将数组中的元素作为json对象的值 var key = value[field];//选取一个属性作为新的json对象的key map[key] = value; } return map; }
总结
以上所述是小编给大家介绍的实例详解JSON取值(key是中文或者数字)方式,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
相关文章
js报$ is not a function 的问题的解决方法
在html中的程序,跑的好好的,换成jsp在项目中跑,就一直报$ is not a function错,针对此问题,下面有个不错的解决方法,大家可以尝试操作下2014-01-01layui: layer.open加载窗体时出现遮罩层的解决方法
今天小编就为大家分享一篇layui: layer.open加载窗体时出现遮罩层的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09Webpack-cli安装成功后查看webpack -v报错案例详解
这篇文章主要介绍了Webpack-cli安装成功后查看webpack -v报错案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下2021-09-09
最新评论