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 相关文章推荐
基于jQuery的动态表格插件
Mar 28 Javascript
js 中将多个逗号替换为一个逗号的代码
Jun 07 Javascript
node.js中的fs.createReadStream方法使用说明
Dec 17 Javascript
jQuery实现平滑滚动到指定锚点的方法
Mar 20 Javascript
浅谈jQuery构造函数分析
May 11 Javascript
JS实现从网页顶部掉下弹出层效果的方法
Aug 06 Javascript
JavaScript中this详解
Sep 01 Javascript
详解基于electron制作一个node压缩图片的桌面应用
Jan 29 Javascript
配置eslint规范项目代码风格
Mar 11 Javascript
Vue 动态路由的实现及 Springsecurity 按钮级别的权限控制
Sep 05 Javascript
高效jQuery选择器的5个技巧实例分析
Nov 26 jQuery
JavaScript常用进制转换及位运算实例解析
Oct 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+oracle 分页类
2006/10/09 PHP
PHP 采集程序原理分析篇
2010/03/05 PHP
php+mysql 实现身份验证代码
2010/03/24 PHP
windows的文件系统机制引发的PHP路径爆破问题分析
2014/07/28 PHP
php+ajax制作无刷新留言板
2015/10/27 PHP
jQuery实现信息提示框(带有圆角框与动画)效果
2015/08/07 Javascript
Bootstrap框架下下拉框select搜索功能
2020/03/26 Javascript
使用BootStrap实现标签切换原理解析
2017/03/14 Javascript
vue.js中Vue-router 2.0基础实践教程
2017/05/08 Javascript
Angularjs 实现动态添加控件功能
2017/05/25 Javascript
VueJS 集成 Medium Editor的示例代码 (自定义编辑器按钮)
2017/08/24 Javascript
nodeJs爬虫的技术点总结
2018/05/13 NodeJs
vue实现form表单与table表格的数据关联功能示例
2019/01/29 Javascript
JavaScript惰性载入函数实例分析
2019/03/27 Javascript
websocket4.0+typescript 实现热更新的方法
2019/08/14 Javascript
[43:14]Liquid vs Optic 2018国际邀请赛淘汰赛BO3 第二场 8.21
2018/08/22 DOTA
Python设计模式之工厂模式简单示例
2018/01/09 Python
python实现txt文件格式转换为arff格式
2018/05/31 Python
pygame游戏之旅 调用按钮实现游戏开始功能
2018/11/21 Python
Python2和Python3中urllib库中urlencode的使用注意事项
2018/11/26 Python
Python在图片中插入大量文字并且自动换行
2019/01/02 Python
举例讲解Python常用模块
2019/03/08 Python
Python装饰器实现方法及应用场景详解
2020/03/26 Python
关于python中导入文件到list的问题
2020/10/31 Python
英国办公用品商店:Office Outlet
2018/04/04 全球购物
女士和男士时尚鞋在线购物:Shoespie
2019/02/28 全球购物
类成员函数的重载、覆盖和隐藏区别
2016/01/27 面试题
什么是makefile? 如何编写makefile?
2013/01/02 面试题
行政办公员自我评价分享
2013/12/14 职场文书
金融管理专业毕业生求职信
2014/03/12 职场文书
ktv筹备计划书
2014/05/03 职场文书
社团活动总结格式
2014/08/29 职场文书
租车协议书
2015/01/27 职场文书
热血教师观后感
2015/06/10 职场文书
小型企业的绩效考核制度模板
2019/11/21 职场文书
netty 实现tomcat的示例代码
2022/06/05 Servers