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

日期：2020-07-22 栏目：前端经验浏览：次

本文实例讲述了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>

本文转载于社会猿技术网，原文链接：http://www.shehuiyuan.com/article/658