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 设置标题的自动翻转
Oct 03 Javascript
js异常捕获方法介绍
Apr 10 Javascript
JS中setTimeout()的用法详解
Apr 14 Javascript
js中方法重载如何实现?以及函数的参数问题
Aug 01 Javascript
JQuery中DOM事件合成用法实例分析
Jun 13 Javascript
聊一聊JavaScript作用域和作用域链
May 03 Javascript
JS+CSS3实现超炫的散列画廊特效
Jul 16 Javascript
微信小程序教程之本地图片上传(leancloud)实例详解
Nov 16 Javascript
在小程序中使用Echart图表的示例代码
Aug 02 Javascript
Vue 监听列表item渲染事件方法
Sep 06 Javascript
webpack打包多页面的方法
Nov 30 Javascript
webpack 最佳配置指北(推荐)
Jan 07 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/06/08 PHP
Laravel框架在本地虚拟机快速安装的方法详解
2018/06/11 PHP
JavaScript中null与undefined分析
2009/07/25 Javascript
jquery 常用操作整理 基础入门篇
2009/10/14 Javascript
javascript Object与Function使用
2010/01/11 Javascript
jquery 事件对象属性小结
2010/04/27 Javascript
基于jQuery实现下拉收缩(展开与折叠)特效
2012/12/25 Javascript
jquery渐隐渐显的图片幻灯闪烁切换实现方法
2015/02/26 Javascript
JavaScript删除数组元素的方法
2015/03/20 Javascript
javascript实现input file上传图片预览效果
2015/12/31 Javascript
Vue.js报错Failed to resolve filter问题的解决方法
2016/05/25 Javascript
vue使用drag与drop实现拖拽的示例代码
2017/09/07 Javascript
关于TypeScript模块导入的那些事
2018/06/12 Javascript
Vue-cli 移动端布局和动画使用详解
2020/08/10 Javascript
[00:09]DOTA2新版本PA至宝特效动作展示
2014/11/19 DOTA
Python中unittest用法实例
2014/09/25 Python
Python计算程序运行时间的方法
2014/12/13 Python
使用IPython下的Net-SNMP来管理类UNIX系统的教程
2015/04/15 Python
使用python实现tcp自动重连
2017/07/02 Python
多个应用共存的Django配置方法
2018/05/30 Python
python中的turtle库函数简单使用教程
2018/07/23 Python
python 用opencv调用训练好的模型进行识别的方法
2018/12/07 Python
python统计文章中单词出现次数实例
2020/02/27 Python
python写文件时覆盖原来的实例方法
2020/07/22 Python
使用html2canvas.js实现页面截图并显示或上传的示例代码
2018/12/18 HTML / CSS
LODI女鞋在线商店:阿利坎特的鞋类品牌
2019/02/15 全球购物
Guess荷兰官网:美国服饰品牌
2020/01/22 全球购物
思想专业自荐信范文
2013/12/25 职场文书
农村面貌改造提升实施方案
2014/03/18 职场文书
团队精神的演讲稿
2014/05/14 职场文书
资助贫困学生倡议书
2014/05/16 职场文书
金融与证券专业求职信
2014/06/22 职场文书
大学奖学金获奖感言
2014/08/15 职场文书
国家领导干部党的群众路线教育实践活动批评与自我批评材料
2014/09/23 职场文书
考研英语复习计划
2015/01/19 职场文书
2019年最新感恩节祝福语(28句)
2019/11/27 职场文书