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 each函数的链式调用
Jul 22 Javascript
jquery 入门教程 [翻译] 推荐
Aug 17 Javascript
JavaScript 面向对象编程(1) 基础
May 18 Javascript
由JavaScript技术实现的web小游戏(不含网游)
Jun 12 Javascript
在js文件中写el表达式取不到值的原因及解决方法
Dec 23 Javascript
轻松搞定js表单验证
Oct 13 Javascript
AngularJS变量及过滤器Filter用法分析
Nov 22 Javascript
JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法
Mar 30 Javascript
jsonp跨域请求详解
Jul 13 Javascript
JavaScript实现的DOM树遍历方法详解【二叉DOM树、多叉DOM树】
May 07 Javascript
angularJs使用ng-repeat遍历后选中某一个的方法
Sep 30 Javascript
利用hasOwnProperty给数组去重的面试题分享
Nov 05 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函数spl_autoload_register()用法和__autoload()介绍
2012/02/04 PHP
解决ThinkPHP下使用上传插件Uploadify浏览器firefox报302错误的方法
2015/12/18 PHP
深入理解php printf() 输出格式化的字符串
2016/05/23 PHP
php封装db类连接sqlite3数据库的方法实例
2017/12/19 PHP
Javascript实例教程(19) 使用HoTMetal(6)
2006/12/23 Javascript
JS之小练习代码
2008/10/12 Javascript
JavaScript关于select的相关操作说明
2010/01/13 Javascript
页面元素绑定jquery toggle后元素隐藏的解决方法
2014/03/27 Javascript
jQuery实现页面滚动时动态加载内容的方法
2015/03/20 Javascript
详解iframe与frame的区别
2016/01/13 Javascript
Node.js实现数据推送
2016/04/14 Javascript
JS表格组件BootstrapTable行内编辑解决方案x-editable
2016/09/01 Javascript
JS+HTML5实现上传图片预览效果完整实例【测试可用】
2017/04/20 Javascript
详解Angular2中Input和Output用法及示例
2017/05/21 Javascript
基于node.js制作简单爬虫教程
2017/06/29 Javascript
AugularJS从入门到实践(必看篇)
2017/07/10 Javascript
微信小程序progress组件使用详解
2018/01/31 Javascript
vue el-table实现自定义表头
2019/12/11 Javascript
微信小程序中的video视频实现 自定义播放按钮、封面图、视频封面上文案
2020/01/02 Javascript
[01:22:42]2014 DOTA2华西杯精英邀请赛 5 24 DK VS LGD
2014/05/26 DOTA
[05:31]DOTA2上海特级锦标赛主赛事第三日RECAP
2016/03/05 DOTA
python基础教程之字典操作详解
2014/03/25 Python
在Python中使用第三方模块的教程
2015/04/27 Python
django 解决manage.py migrate无效的问题
2018/05/27 Python
对pandas将dataframe中某列按照条件赋值的实例讲解
2018/11/29 Python
Python图像的增强处理操作示例【基于ImageEnhance类】
2019/01/03 Python
让你Python到很爽的加速递归函数的装饰器
2019/05/26 Python
python os.path.isfile 的使用误区详解
2019/11/29 Python
python+gdal+遥感图像拼接(mosaic)的实例
2020/03/10 Python
基于Django signals 信号作用及用法详解
2020/03/28 Python
Python3爬虫中Selenium的用法详解
2020/07/10 Python
老干部工作先进集体事迹材料
2014/05/21 职场文书
品牌推广策划方案
2014/05/28 职场文书
民主评议党员总结
2014/10/20 职场文书
投标单位介绍信
2015/05/05 职场文书
Python 数据可视化神器Pyecharts绘制图像练习
2022/02/28 Python