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


Posted in Javascript onAugust 24, 2017

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

Javascript 相关文章推荐
js实现简单模态窗口,背景灰显
Nov 14 Javascript
jQuery:delegate中select()不起作用的解决方法(实例讲解)
Jan 26 Javascript
jquery easyui中treegrid用法的简单实例
Feb 18 Javascript
JavaScript实现计算字符串中出现次数最多的字符和出现的次数
Mar 12 Javascript
再谈Javascript中的基本类型和引用类型(推荐)
Jul 01 Javascript
jQuery.uploadify文件上传组件实例讲解
Sep 23 Javascript
简单谈谈ES6的六个小特性
Nov 18 Javascript
JavaScript队列的应用实例详解【经典数据结构】
Apr 12 Javascript
JavaScript简单计算人的年龄示例
Apr 15 Javascript
深入理解Angularjs中$http.post与$.post
May 19 Javascript
微信小程序登录对接Django后端实现JWT方式验证登录详解
Jul 29 Javascript
VUE解决跨域问题Access to XMLHttpRequest at
May 06 Vue.js
JSON创建键值对(key是中文或者数字)方式详解
Aug 24 #Javascript
使用jquery+iframe做一个ajax上传效果(实例)
Aug 24 #jQuery
webpack学习笔记之优化缓存、合并、懒加载
Aug 24 #Javascript
基于JavaScript实现新增内容滚动播放效果附完整代码
Aug 24 #Javascript
快速理解 JavaScript 中的 LHS 和 RHS 查询的用法
Aug 24 #Javascript
vue不通过路由直接获取url中参数的方法示例
Aug 24 #Javascript
VueJS 集成 Medium Editor的示例代码 (自定义编辑器按钮)
Aug 24 #Javascript
You might like
一个显示某段时间内每个月的方法 返回由这些月份组成的数组
2012/05/16 PHP
PHP验证码函数代码(简单实用)
2013/09/29 PHP
PHP调用VC编写的COM组件实例
2014/03/29 PHP
PHP进程同步代码实例
2015/02/12 PHP
php简单计算页面加载时间的方法
2015/06/19 PHP
thinkphp框架使用JWTtoken的方法详解
2019/10/10 PHP
Javascript 面向对象 命名空间
2010/05/13 Javascript
js 纯数字不重复排列的另类方法
2010/07/17 Javascript
editable.js 基于jquery的表格的编辑插件
2011/10/24 Javascript
浅谈JavaScript 框架分类
2014/11/10 Javascript
node.js中的fs.unlink方法使用说明
2014/12/15 Javascript
JS实现仿中关村论坛评分后弹出提示效果的方法
2015/02/23 Javascript
跟我学习javascript的全局变量
2015/11/16 Javascript
简单实现js选项卡切换效果
2017/02/09 Javascript
Bootstrap 网格系统布局详解
2017/03/19 Javascript
javascript使用btoa和atob来进行Base64转码和解码
2017/03/20 Javascript
js实现点击按钮复制文本功能
2020/07/20 Javascript
React Native 混合开发多入口加载方式详解
2019/09/23 Javascript
vue实现带过渡效果的下拉菜单功能
2020/02/19 Javascript
python实现下载文件的三种方法
2017/02/09 Python
python dataframe astype 字段类型转换方法
2018/04/11 Python
python中的句柄操作的方法示例
2019/06/20 Python
python实现动态创建类的方法分析
2019/06/25 Python
python中append实例用法总结
2019/07/30 Python
基于python操作ES实例详解
2019/11/16 Python
Python多进程编程常用方法解析
2020/03/26 Python
如何基于matlab相机标定导出xml文件
2020/11/02 Python
草莓巧克力:Shari’s Berries
2017/02/07 全球购物
蔻驰西班牙官网:COACH西班牙
2019/01/16 全球购物
2013年员工自我评价范文
2013/12/27 职场文书
安阳殷墟导游词
2015/02/10 职场文书
质量保证书怎么写
2015/02/27 职场文书
同步小康驻村工作简报
2015/07/20 职场文书
《伯牙绝弦》教学反思
2016/02/16 职场文书
导游词之江苏同里古镇
2019/11/18 职场文书
浅谈Python列表嵌套字典转化的问题
2021/04/07 Python