本文實(shí)例講述了JS操作json對(duì)象key、value的常用方法。分享給大家供大家參考,具體如下:
一、定義JSON對(duì)象
// 首先定義一個(gè)json對(duì)象,對(duì)象以“{”(左括號(hào))開(kāi)始,“}”(右括號(hào))結(jié)束// 花括號(hào)內(nèi)為鍵、值對(duì) 鍵必須用引號(hào)括起來(lái),值若不是字符串則不必var jsonObj = { "創(chuàng)維電視" : 50, "卡薩帝北京" : 40, "家電" : 40, "松下" : 30, "格力" : 20, "海爾" : 20, "海爾商城" : 20, "海爾客服" : 20, "美的" : 20, "美菱" : 20 }
二、根據(jù)key獲取value
// 根據(jù)key獲取value,兩種方式var value1 = eval("jsonObj." + "家電");// value1 = 40var value2 = jsonObj["家電"];// value2 = 40
三、遍歷json對(duì)象
// 遍歷json對(duì)象,獲取鍵、值集合var keyAry = [];var valueAry = [];for(var key in jsonObj){ keyAry.push(key); valueAry.push(jsonObj[key]);}//打印輸出console.log(keyAry);console.log(valueAry);
運(yùn)行結(jié)果:
四、添加key
jsonObj["西門(mén)子"] = 100;
五、刪除key
deledte jsonObj["海爾"];
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
更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題:《JavaScript中json操作技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
新聞熱點(diǎn)
疑難解答
圖片精選