javascript json对象小技巧之键名作为变量用法分析


Posted in Javascript onNovember 11, 2019

本文实例讲述了javascript json对象小技巧之键名作为变量用法。分享给大家供大家参考,具体如下:

有时候在项目开发过程中,我们需要json对象的键名作为一个变量,键名可变,传统的json格式不支持这个,怎么办呢?

传统的json数据格式

<script type="text/javascript">
  var json={
    name : "谭勇"
  }
  console.log(json.name);
</script>

这样是没有问题的,那么根据思路我们这样

<script type="text/javascript">
  var key = "name";
  var json = {
    key : "谭勇"
  }
  console.log(json.name);
</script>

这样会成功吗? 答案是错了,javascript 会提示你一个错误 name undefined 没有定义

键名作为变量实例如下

<script type="text/javascript">
  var json = {};
  json["name"] = "谭勇";
  console.log(json.name);
</script>

这样就可以输出来了;

甚至我们还可以这样

<script type="text/javascript">
  var key = "name";
  var json = {};
  json[key] = "谭勇";
  console.log(json.name);
</script>

有点类似数组,你可以写个demo亲自测试!

Javascript 相关文章推荐
用函数模板,写一个简单高效的 JSON 查询器的方法介绍
Apr 17 Javascript
jquery鼠标滑过提示title具体实现代码
Aug 06 Javascript
浅析JQuery UI Dialog的样式设置问题
Dec 18 Javascript
JavaScript数组前面插入元素的方法
Apr 06 Javascript
使用JavaScript脚本无法直接改变Asp.net中Checkbox控件的Enable属性的解决方法
Sep 16 Javascript
7个jQuery最佳实践
Jan 12 Javascript
JS排序方法(sort,bubble,select,insert)代码汇总
Jan 30 Javascript
Bootstrap表格和栅格分页实例详解
May 20 Javascript
jQuery EasyUI的TreeGrid查询功能实现方法
Aug 08 jQuery
微信小程序使用request网络请求操作实例
Dec 15 Javascript
jQuery pjax 应用简单示例
Sep 20 jQuery
JavaScript中的全局属性与方法深入解析
Jun 14 Javascript
Vue.js watch监视属性知识点总结
Nov 11 #Javascript
javascript数组的定义及操作实例
Nov 10 #Javascript
聊聊Vue中provide/inject的应用详解
Nov 10 #Javascript
浅析vue中的provide / inject 有什么用处
Nov 10 #Javascript
Vue项目中使用jsonp抓取跨域数据的方法
Nov 10 #Javascript
webpack4 optimization使用总结
Nov 10 #Javascript
vue ssr服务端渲染(小白解惑)
Nov 10 #Javascript
You might like
php数组一对一替换实现代码
2012/08/31 PHP
PHP内置的Math函数效率测试
2014/12/01 PHP
php递归删除目录与文件的方法
2015/01/30 PHP
php中使用base HTTP验证的方法
2015/04/20 PHP
php将远程图片保存到本地服务器的实现代码
2015/08/03 PHP
利用PHP实现开心消消乐的算法示例
2017/10/12 PHP
PHP中上传文件打印错误错误类型分析
2019/04/14 PHP
使用jQuery.Validate进行客户端验证(初级篇) 不使用微软验证控件的理由
2010/06/28 Javascript
js修改table中Td的值(定义td的双击事件)
2013/01/10 Javascript
网页中返回顶部代码(多种方法)另附注释说明
2013/04/24 Javascript
jQuery学习之prop和attr的区别示例介绍
2013/11/15 Javascript
jQuery实现的简单分页示例
2016/06/01 Javascript
EditPlus中的正则表达式 实战(2)
2016/12/15 Javascript
JS实现滑动门效果的方法详解
2016/12/19 Javascript
JS表单验证方法实例小结【电话、身份证号、Email、中文、特殊字符、身份证号等】
2017/02/14 Javascript
ES6新增的math,Number方法
2017/08/06 Javascript
JS使用百度地图API自动获取地址和经纬度操作示例
2019/04/16 Javascript
js实现轮播图特效
2020/05/28 Javascript
Webpack3+React16代码分割的实现
2021/03/03 Javascript
[00:17]DOTA2荣耀之路5:It’s a disastah!
2018/05/28 DOTA
pygame游戏之旅 如何制作游戏障碍
2018/11/20 Python
使用 Python 玩转 GitHub 的贡献板(推荐)
2019/04/04 Python
python实时检测键盘输入函数的示例
2019/07/17 Python
Python第三方库的几种安装方式(小结)
2020/04/03 Python
一款恶搞头像特效的制作过程 利用css3和jquery
2014/11/21 HTML / CSS
HTML5实现预览本地图片
2016/02/17 HTML / CSS
英国拳击装备购物网站:RDX Sports
2018/01/23 全球购物
生物制药毕业生自荐信
2013/10/16 职场文书
学习党课思想汇报
2013/12/29 职场文书
关于美容院的活动方案
2014/08/14 职场文书
七一讲话心得体会
2014/09/05 职场文书
教师党员学习十八届四中全会思想汇报
2014/11/03 职场文书
母亲节寄语大全
2015/02/27 职场文书
聘任合同书
2015/09/21 职场文书
pandas数值排序的实现实例
2021/07/25 Python
Go调用Rust方法及外部函数接口前置
2022/06/14 Golang