实例详解JSON取值(key是中文或者数字)方式
程序员文章站
2022-09-08 21:43:02
json取值(key是中文或者数字)方式详解
先准备一个json对象用于演示
var json = {'name':'zhangsan', '年龄':23, 4...
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是中文或者数字)方式,希望对大家有所帮助
上一篇: Vue实例中生命周期created和mounted的区别详解
下一篇: 有空调谁还出去