javascript json对象小技巧之键名作为变量用法分析

编程学习 2021-07-04 15:02www.dzhlxh.cn编程入门
这篇文章主要介绍了javascript json对象小技巧之键名作为变量用法,结合实例形式分析了json对象变量操作相关使用技巧,需要的朋友可以参考下

本文实例讲述了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亲自测试!

PS:关于json操作,这里再为大家推荐几款比较实用的json在线工具供大家参考使用:

在线JSON代码检验、检验、美化、格式化工具:

JSON在线格式化工具:

在线XML/JSON互相转换工具:

json代码在线格式化/美化/压缩/编辑/转换工具:

在线json压缩/转义工具:

更多关于JavaScript相关内容可查看本站专题:《》、《》、《》、《》、《》及《》

希望本文所述对大家JavaScript程序设计有所帮助。

Copyright © 2016-2025 www.dzhlxh.cn 金源码 版权所有 Power by

网站模板下载|网络推广|微博营销|seo优化|视频营销|网络营销|微信营销|网站建设|织梦模板|小程序模板