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 Firefox3.5中操作select的问题
Jul 10 Javascript
Jquery实现控件的隐藏和显示实例
Feb 08 Javascript
jQuery1.9.1针对checkbox的调整方法(prop)
May 01 Javascript
javascript中call apply 与 bind方法详解
Mar 10 Javascript
无需 Flash 使用 jQuery 复制文字到剪贴板
Apr 26 Javascript
jQuery插件扩展测试实例
Jun 21 Javascript
JS控制页面跳转时未请求要跳转的地址怎么回事
Oct 14 Javascript
js获取时间函数及扩展函数的方法
Oct 30 Javascript
ajax级联菜单实现方法实例分析
Nov 28 Javascript
Node.js中.pfx后缀文件的处理方法
Mar 10 Javascript
微信小程序中hidden不生效原因的解决办法
Apr 26 Javascript
解决Vue.js应用回退或刷新界面时提示用户保存修改问题
Nov 24 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和ASP.NET的10大对比!
2015/12/24 PHP
详解PHP编码转换函数应用技巧
2016/10/22 PHP
PHP设计模式之模板方法模式实例浅析
2018/12/20 PHP
php和C#的yield迭代器实现方法对比分析
2019/07/17 PHP
用js查找法实现当前栏目的高亮显示的代码
2007/11/24 Javascript
给Function做的OOP扩展
2009/05/07 Javascript
Javascript 函数对象的多重身份
2009/06/28 Javascript
Jquery 一次处理多个ajax请求的代码
2011/09/02 Javascript
函数式 JavaScript(一)简介
2014/07/07 Javascript
javascript 面向对象封装与继承
2014/11/27 Javascript
JS实现关闭当前页而不弹出提示框的方法
2016/06/22 Javascript
js,jq,css多方面实现简易下拉菜单功能
2017/05/13 Javascript
详解vue嵌套路由-query传递参数
2017/05/23 Javascript
浅谈vue项目打包优化策略
2018/09/29 Javascript
微信小程序实现图片滚动效果示例
2018/12/05 Javascript
vue制作抓娃娃机的示例代码
2020/04/17 Javascript
详解uniapp的全局变量实现方式
2021/01/11 Javascript
[00:12]DAC SOLO赛卫冕冠军 VG.Paparazi灬展现SOLO技巧
2018/04/06 DOTA
Python模拟登陆淘宝并统计淘宝消费情况的代码实例分享
2016/07/04 Python
python中如何使用正则表达式的非贪婪模式示例
2017/10/09 Python
Python学生信息管理系统修改版
2018/03/13 Python
Python爬取个人微信朋友信息操作示例
2018/08/03 Python
python与字符编码问题
2019/05/24 Python
python多线程同步之文件读写控制
2021/02/25 Python
Python图像处理库PIL的ImageGrab模块介绍详解
2020/02/26 Python
Python标准库:内置函数max(iterable, *[, key, default])说明
2020/04/25 Python
html5实现输入框fixed定位在屏幕最底部兼容性
2020/07/03 HTML / CSS
英国手工制作的现代与经典的沙发和床:Love Your Home
2020/09/26 全球购物
自荐信的禁忌和要点
2013/10/15 职场文书
档案管理员岗位职责
2013/12/01 职场文书
一年级语文教学反思
2014/02/13 职场文书
货车司机岗位职责
2014/03/18 职场文书
六年级语文教学反思
2016/03/03 职场文书
使用python+pygame开发消消乐游戏附完整源码
2021/06/10 Python
使用Redis实现实时排行榜功能
2021/07/02 Redis
Nginx虚拟主机的搭建的实现步骤
2022/01/18 Servers