快捷導(dǎo)航

javascript json對(duì)象小技巧之鍵名作為變量用法分析

更新時(shí)間：2019年11月11日 08:42:25 作者：傾聽(tīng)歲月

這篇文章主要介紹了javascript json對(duì)象小技巧之鍵名作為變量用法,結(jié)合實(shí)例形式分析了json對(duì)象變量操作相關(guān)使用技巧,需要的朋友可以參考下

本文實(shí)例講述了javascript json對(duì)象小技巧之鍵名作為變量用法。分享給大家供大家參考，具體如下：

有時(shí)候在項(xiàng)目開(kāi)發(fā)過(guò)程中，我們需要json對(duì)象的鍵名作為一個(gè)變量，鍵名可變，傳統(tǒng)的json格式不支持這個(gè)，怎么辦呢？

傳統(tǒng)的json數(shù)據(jù)格式

<script type="text/javascript">
  var json={
    name : "譚勇"
  }
  console.log(json.name);
</script>

這樣是沒(méi)有問(wèn)題的，那么根據(jù)思路我們這樣

<script type="text/javascript">
  var key = "name";
  var json = {
    key : "譚勇"
  }
  console.log(json.name);
</script>

這樣會(huì)成功嗎？答案是錯(cuò)了，javascript 會(huì)提示你一個(gè)錯(cuò)誤 name undefined 沒(méi)有定義

鍵名作為變量實(shí)例如下

<script type="text/javascript">
  var json = {};
  json["name"] = "譚勇";
  console.log(json.name);
</script>

這樣就可以輸出來(lái)了；

甚至我們還可以這樣

<script type="text/javascript">
  var key = "name";
  var json = {};
  json[key] = "譚勇";
  console.log(json.name);
</script>

有點(diǎn)類似數(shù)組，你可以寫個(gè)demo親自測(cè)試！

PS：關(guān)于json操作，這里再為大家推薦幾款比較實(shí)用的json在線工具供大家參考使用：

在線JSON代碼檢驗(yàn)、檢驗(yàn)、美化、格式化工具：
http://tools.jb51.net/code/json

JSON在線格式化工具：
http://tools.jb51.net/code/jsonformat

在線XML/JSON互相轉(zhuǎn)換工具：
http://tools.jb51.net/code/xmljson

json代碼在線格式化/美化/壓縮/編輯/轉(zhuǎn)換工具：
http://tools.jb51.net/code/jsoncodeformat

在線json壓縮/轉(zhuǎn)義工具：
http://tools.jb51.net/code/json_yasuo_trans

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频