源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

实例详解JSON取值(key是中文或者数字)方式

  • 时间:2021-06-11 08:16 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:实例详解JSON取值(key是中文或者数字)方式
[b]JSON取值(key是中文或者数字)方式详解[/b] 先准备一个json对象用于演示
var json = {'name':'zhangsan', '年龄':23, 404:'你可能迷路了'};
[b]1.使用JS中with关键字[/b]
with(json) {
  console.log(name);//输出:zhangsan
  console.log(年龄);//输出:23
  console.log(404);//输出:404,用这种方法读取key是数字的属性,有问题
}
[b]2.最常见的传统的读取key[/b]
console.log(json.name);//输出:zhangsan
//key是中文也是支持的
console.log(json.年龄);//输出:23
//key是Number类型或者String类型的数字都不能这么读取
console.log(json.404);//报错
[b]3.通用万能型:json['key'][/b]
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]);//输出:你可能迷路了
[b]json处理动态key方式[/b] 先准备案例对象
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;
}
[b]总结[/b] 以上所述是小编给大家介绍的实例详解JSON取值(key是中文或者数字)方式,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对编程素材网网站的支持!
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部