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 相关文章推荐
JavaScript实际应用:innerHTMl和确认提示的使用
Jun 22 Javascript
JavaScript 语言的递归编程
May 18 Javascript
jquery操作cookie插件分享
Jan 14 Javascript
js获取当前日期前七天的方法
Feb 28 Javascript
jQuery简单实现验证邮箱格式
Jul 15 Javascript
jQuery选择器基础入门教程
May 10 Javascript
详解微信小程序开发—你期待的分享功能来了,微信小程序序新增5大功能
Dec 23 Javascript
微信小程序 蓝牙的实现实例代码
Jun 27 Javascript
Angular2监听页面大小变化的解决方法
Oct 09 Javascript
JS实现点击li标签弹出对应的索引功能【案例】
Feb 18 Javascript
Element InfiniteScroll无限滚动的具体使用方法
Jul 27 Javascript
JS实现百度搜索框
Feb 25 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编码规范-php coding standard
2007/03/16 PHP
php抓取网站图片并保存的实现方法
2015/10/29 PHP
slice函数的用法 之不错的应用
2006/12/29 Javascript
jquery模拟LCD 时钟的html文件源代码
2014/06/16 Javascript
Node.js中调用mysql存储过程示例
2014/12/20 Javascript
Js实现无刷新删除内容
2015/04/29 Javascript
浅析JavaScript中浏览器的兼容问题
2016/04/19 Javascript
AngularJs页面筛选标签小功能
2016/08/01 Javascript
js实现多图左右切换功能
2016/08/04 Javascript
AngularJs html compiler详解及示例代码
2016/09/01 Javascript
10分钟掌握XML、JSON及其解析
2020/12/06 Javascript
jQuery EasyUI 页面加载等待及页面等待层
2017/02/06 Javascript
jquery easyui如何实现格式化列
2017/07/30 jQuery
vue 自定义 select内置组件
2018/04/10 Javascript
浅谈vue首屏加载优化
2018/06/28 Javascript
微信小程序实现复选框效果
2018/12/28 Javascript
一篇文章带你搞懂Vue虚拟Dom与diff算法
2020/08/25 Javascript
python实现TF-IDF算法解析
2018/01/02 Python
使用 Python 实现微信公众号粉丝迁移流程
2018/01/03 Python
Python实现PS图像调整之对比度调整功能示例
2018/01/26 Python
Python cookbook(数据结构与算法)筛选及提取序列中元素的方法
2018/03/19 Python
python 处理dataframe中的时间字段方法
2018/04/10 Python
对pandas中时间窗函数rolling的使用详解
2018/11/28 Python
pycharm 解除默认unittest模式的方法
2018/11/30 Python
Python实现图片转字符画的代码实例
2019/02/22 Python
Python 3.8正式发布,来尝鲜这些新特性吧
2019/10/15 Python
Django多数据库配置及逆向生成model教程
2020/03/28 Python
Python 解析库json及jsonpath pickle的实现
2020/08/17 Python
使用phonegap创建联系人的实现方法
2017/03/30 HTML / CSS
h5页面背景图很长要有滚动条滑动效果的实现
2021/01/27 HTML / CSS
法律进企业活动方案
2014/03/04 职场文书
建筑安全标语
2014/06/07 职场文书
小区的门卫岗位职责
2014/10/01 职场文书
2015年学生会纪检部工作总结
2015/03/31 职场文书
民事答辩状范本
2015/05/21 职场文书
导游词之唐山景点
2019/12/18 职场文书