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获取input的value问题说明
Aug 19 Javascript
点弹代码 点击页面任何位置都可以弹出页面效果代码
Sep 17 Javascript
使用apply方法实现javascript中的对象继承
Dec 16 Javascript
JavaScript中string对象
Jun 12 Javascript
使用JavaScript判断用户输入的是否为正整数(两种方法)
Feb 05 Javascript
jquery DataTable实现前后台动态分页
Jun 17 jQuery
SelectPage v2.4 发布新增纯下拉列表和关闭分页功能
Sep 07 Javascript
JS+canvas画一个圆锥实例代码
Dec 13 Javascript
js canvas实现写字动画效果
Nov 30 Javascript
js中call()和apply()改变指针问题的讲解
Jan 17 Javascript
vue-cli4项目开启eslint保存时自动格式问题
Jul 13 Javascript
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
简单介绍下 PHP5 中引入的 MYSQLI的用途
2007/03/19 PHP
选择PHP作为网站开发语言的原因分享
2012/01/03 PHP
PHP 获取远程文件大小的3种解决方法
2013/07/11 PHP
php下载excel无法打开的解决方法
2013/12/24 PHP
PHP+MySQL存储数据常见中文乱码问题小结
2016/06/13 PHP
Thinkphp实现短信验证注册功能
2016/10/18 PHP
BOM与DOM的区别分析
2010/10/26 Javascript
jquery 简单应用示例总结
2013/08/09 Javascript
浅析js预加载/延迟加载
2014/09/25 Javascript
jQuery使用toggleClass方法动态添加删除Class样式的方法
2015/03/26 Javascript
基于jquery实现日历签到功能
2020/09/11 Javascript
JS提示:Uncaught SyntaxError:Unexpected token ) 错误的解决方法
2016/08/19 Javascript
Angular directive递归实现目录树结构代码实例
2017/05/05 Javascript
bootstrap Table插件使用demo
2017/08/07 Javascript
vue.js移动端app之上拉加载以及下拉刷新实战
2017/09/11 Javascript
快速解决brew安装特定版本flow的问题
2018/05/17 Javascript
JS实现移动端触屏拖拽功能
2018/07/31 Javascript
微信小程序中转义字符的处理方法
2019/03/28 Javascript
一次让你了解全部JavaScript的作用域
2019/06/24 Javascript
vue中在vuex的actions中请求数据实例
2019/11/08 Javascript
基于JavaScript判断两个对象内容是否相等
2020/01/10 Javascript
JavaScript数组去重实现方法小结
2020/01/17 Javascript
[01:10]DOTA2 Supermajor:英雄,由我们见证
2018/05/14 DOTA
python+mongodb数据抓取详细介绍
2017/10/25 Python
Python2.7下安装Scrapy框架步骤教程
2017/12/22 Python
python MySQLdb使用教程详解
2018/03/20 Python
Python实现获取系统临时目录及临时文件的方法示例
2019/06/26 Python
python在linux环境下安装skimage的示例代码
2020/10/14 Python
一款纯css3实现的鼠标经过按钮特效教程
2014/11/09 HTML / CSS
Omio法国:全欧洲低价大巴、火车和航班搜索和比价
2017/11/13 全球购物
2019年Java面试必问之经典试题
2012/09/12 面试题
会计职业生涯规划范文
2014/01/04 职场文书
水电站项目建议书
2014/05/12 职场文书
研究生就业推荐表导师评语
2014/12/31 职场文书
Redis遍历所有key的两个命令(KEYS 和 SCAN)
2021/04/12 Redis
基于redis+lua进行限流的方法
2022/07/23 Redis