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 文本框水印/占位符(watermark/placeholder)实现方法
Jan 15 Javascript
Prototype源码浅析 String部分(四)之补充
Jan 16 Javascript
js鼠标点击事件在各个浏览器中的写法及Event对象属性介绍
Jan 24 Javascript
JS组件Bootstrap Table使用方法详解
Feb 02 Javascript
jquery中validate与form插件提交的方式小结
Mar 26 Javascript
JavaScript 数组- Array的方法总结(推荐)
Jul 21 Javascript
jQuery实现打开页面渐现效果示例
Jul 27 Javascript
微信小程序实现图片自适应(支持多图)
Jan 25 Javascript
纯js实现动态时间显示
Sep 07 Javascript
JS数组操作中的经典算法实例讲解
Jul 26 Javascript
详解基于vue-router的动态权限控制实现方案
Sep 28 Javascript
JavaScript cookie原理及使用实例
May 08 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
神族 Protoss 历史背景
2020/03/14 星际争霸
php实现分页工具类分享
2014/01/09 PHP
php使用number_format函数截取小数的方法分析
2016/05/27 PHP
location.href语句与火狐不兼容的问题
2010/07/04 Javascript
html组件不可输入(只读)同时任何组件都有效
2013/04/01 Javascript
js中AppendChild与insertBefore的用法详细解析
2013/12/16 Javascript
js中substr,substring,indexOf,lastIndexOf的用法小结
2013/12/27 Javascript
表单序列化与jq中的serialize使用示例
2014/02/21 Javascript
JavaScript中的typeof操作符用法实例
2014/04/05 Javascript
使用原生js封装webapp滑动效果(惯性滑动、滑动回弹)
2014/05/06 Javascript
基于Jquery+div+css实现弹出登录窗口(代码超简单)
2015/10/27 Javascript
Jquery 全选反选实例代码
2015/11/19 Javascript
JavaScript电子时钟倒计时
2016/01/09 Javascript
详解JavaScript中Hash Map映射结构的实现
2016/05/21 Javascript
Bootstrap table右键功能实现方法
2017/02/20 Javascript
React Native实现进度条弹框的示例代码
2017/07/17 Javascript
Angular实现模版驱动表单的自定义校验功能(密码确认为例)
2018/05/17 Javascript
IE8中jQuery.load()加载页面不显示的原因
2018/11/15 jQuery
JS立即执行函数功能与用法分析
2019/01/15 Javascript
JS使用cookie保存用户登录信息操作示例
2019/05/30 Javascript
vue实现购物车的监听
2020/04/20 Javascript
vue 子组件watch监听不到prop的解决
2020/08/09 Javascript
详解Python给照片换底色(蓝底换红底)
2019/03/22 Python
python银行系统实现源码
2019/10/25 Python
音频处理 windows10下python三方库librosa安装教程
2020/06/20 Python
HTML5 新表单类型示例代码
2018/03/20 HTML / CSS
印尼太阳百货公司网站:Matahari
2018/02/04 全球购物
一篇.NET面试题
2014/09/29 面试题
大学生写自荐信的技巧
2014/01/08 职场文书
学校四群教育实施方案
2014/06/12 职场文书
大学生学习面向未来的赶考思想汇报
2014/09/12 职场文书
上课说话检讨书500字
2014/11/01 职场文书
销售员岗位职责范本
2015/04/11 职场文书
乡镇团委工作总结2015
2015/05/26 职场文书
详解MySQL连接挂死的原因
2021/05/18 MySQL