实例详解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是中文或者数字)方式,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • ES6中如何使用Set和WeakSet

    ES6中如何使用Set和WeakSet

    这篇文章主要为大家详细介绍了ES6中如何使用Set和WeakSet的相关资料,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • 一次让你了解全部JavaScript的作用域

    一次让你了解全部JavaScript的作用域

    这篇文章主要介绍了一次让你了解全部JavaScript的作用域,作用域决定了变量的生命周期和可见性,变量在作用域范围之外是不可见的。,需要的朋友可以参考下
    2019-06-06
  • jquery 时间戳转日期过程详解

    jquery 时间戳转日期过程详解

    这篇文章主要介绍了jquery 时间戳转日期过程详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-10-10
  • js 获取扫码枪输入数据的方法

    js 获取扫码枪输入数据的方法

    这篇文章主要介绍了js 获取扫码枪输入数据的方法,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-06-06
  • 浅谈layui分页控件field参数接收对象的问题

    浅谈layui分页控件field参数接收对象的问题

    今天小编就为大家分享一篇浅谈layui分页控件field参数接收对象的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • js中复选框的取值及赋值示例详解

    js中复选框的取值及赋值示例详解

    这篇文章主要给大家介绍了关于js中复选框的取值及赋值的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-10-10
  • 小程序server请求微信服务器超时的解决方法

    小程序server请求微信服务器超时的解决方法

    这篇文章主要介绍了小程序server请求微信服务器超时的解决方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-05-05
  • 举例分析HTTP 302 Redirect工作原理

    举例分析HTTP 302 Redirect工作原理

    这篇文章主要为大家介绍了关于HTTP 302 Redirect的举例分析,让大家理解HTTP 302 Redirect工作原理,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步
    2023-12-12
  • JavaScript实现美化滑块效果

    JavaScript实现美化滑块效果

    这篇文章主要为大家详细介绍了JavaScript实现美化滑块效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-05-05
  • JavaScript数据结构之链表的实现

    JavaScript数据结构之链表的实现

    链表是一种常见的数据结构。它是动态地进行存储分配的一种结构。本文主要介绍JavaScript数据结构中链表的实现,具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03

最新评论