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中的方法调用详细介绍
Dec 30 Javascript
javascript等号运算符使用详解
Apr 16 Javascript
javascript无刷新评论实现方法
May 13 Javascript
Javascript实现div层渐隐效果的方法
May 30 Javascript
AngularJS过滤器详解及示例代码
Aug 16 Javascript
原生JS实现日历组件的示例代码
Sep 22 Javascript
Vue中之nextTick函数源码分析详解
Oct 17 Javascript
Node.js连接Sql Server 2008及数据层封装详解
Aug 27 Javascript
vue 使用v-for进行循环的实例代码详解
Feb 19 Javascript
JS严格模式原理与用法实例分析
Apr 27 Javascript
JavaScript监听键盘事件代码实现
Jun 03 Javascript
Vue的过滤器你真了解吗
Feb 24 Vue.js
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
snoopy PHP版的网络客户端提供本地下载
2008/04/15 PHP
关于查看MSSQL 数据库 用户每个表 占用的空间大小
2013/06/21 PHP
浅析php中如何在有限的内存中读取大文件
2013/07/02 PHP
javascript生成随机颜色示例代码
2014/05/05 Javascript
JavaScript中string对象
2015/06/12 Javascript
BootStrap中的table实现数据填充与分页应用小结
2016/05/26 Javascript
JS与Ajax Get和Post在使用上的区别实例详解
2016/06/08 Javascript
基于Vue.js实现数字拼图游戏
2016/08/02 Javascript
点击页面任何位置隐藏div的实现方法
2016/09/05 Javascript
概述jQuery的元素筛选
2016/11/23 Javascript
基于jQuery实现弹幕APP
2017/02/10 Javascript
jQuery.form.js的使用详解
2017/06/14 jQuery
jquery+css实现简单的图片轮播效果
2017/08/07 jQuery
动手写一个angular版本的Message组件的方法
2017/12/16 Javascript
JavaScript面向对象程序设计创建对象的方法分析
2018/08/13 Javascript
详解Vue项目部署遇到的问题及解决方案
2019/01/11 Javascript
从0搭建vue-cli4脚手架
2020/06/17 Javascript
[01:38]2018DOTA2亚洲邀请赛主赛事第二日现场采访 神秘商人痛陈生计不易
2018/04/05 DOTA
Python的Flask框架中web表单的教程
2015/04/20 Python
python3 与python2 异常处理的区别与联系
2016/06/19 Python
在 Python 应用中使用 MongoDB的方法
2017/01/05 Python
Python实现霍夫圆和椭圆变换代码详解
2018/01/12 Python
pycharm设置注释颜色的方法
2018/05/23 Python
python绘制多个曲线的折线图
2020/03/23 Python
python os模块简单应用示例
2019/05/23 Python
Python使用LDAP做用户认证的方法
2019/06/20 Python
Python大数据之从网页上爬取数据的方法详解
2019/11/16 Python
Python3中configparser模块读写ini文件并解析配置的用法详解
2020/02/18 Python
工程部主管岗位职责
2013/11/17 职场文书
行政专员工作职责
2013/12/22 职场文书
公务员职业生涯规划书范文  
2014/01/19 职场文书
数学考试作弊检讨书300字
2015/02/16 职场文书
催款通知书范文
2015/04/17 职场文书
2015年办税服务厅工作总结
2015/07/23 职场文书
Anaconda安装pytorch和paddle的方法步骤
2022/04/03 Python
win10清理dns缓存
2022/04/19 数码科技