JS操作json對象key、value的常用方法分析
更新時間：2019年10月29日 11:30:06 作者：xuexuan_050848
這篇文章主要介紹了JS操作json對象key、value的常用方法,結合實例形式分析了js操作json對象鍵值對遍歷及增刪的相關操作技巧,需要的朋友可以參考下
本文實例講述了JS操作json對象key、value的常用方法。分享給大家供大家參考，具體如下：
一、定義JSON對象
// 首先定義一個json對象，對象以“{”（左括號）開始，“}”（右括號）結束
// 花括號內為鍵、值對 鍵必須用引號括起來，值若不是字符串則不必
var jsonObj = {
"創(chuàng)維電視" : 50,
"卡薩帝北京" : 40,
"家電" : 40,
"松下" : 30,
"格力" : 20,
"海爾" : 20,
"海爾商城" : 20,
"海爾客服" : 20,
"美的" : 20,
"美菱" : 20
}
二、根據key獲取value
// 根據key獲取value,兩種方式
var value1 = eval("jsonObj." + "家電");// value1 = 40
var value2 = jsonObj["家電"];// value2 = 40
三、遍歷json對象
// 遍歷json對象，獲取鍵、值集合
var keyAry = [];
var valueAry = [];
for(var key in jsonObj){
keyAry.push(key);
valueAry.push(jsonObj[key]);
}
//打印輸出
console.log(keyAry);
console.log(valueAry);
運行結果：
四、添加key
jsonObj["西門子"] = 100;
五、刪除key
deledte jsonObj["海爾"];
PS：關于json操作，這里再為大家推薦幾款比較實用的json在線工具供大家參考使用：
在線JSON代碼檢驗、檢驗、美化、格式化工具：
http://tools.jb51.net/code/json
JSON在線格式化工具：
http://tools.jb51.net/code/jsonformat
在線XML/JSON互相轉換工具：
http://tools.jb51.net/code/xmljson
json代碼在線格式化/美化/壓縮/編輯/轉換工具：
http://tools.jb51.net/code/jsoncodeformat
在線json壓縮/轉義工具：
http://tools.jb51.net/code/json_yasuo_trans
更多關于JavaScript相關內容可查看本站專題：《JavaScript中json操作技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
這篇文章主要介紹了JavaScript實現圖片懶加載(Lazyload)的相關資料,需要的朋友可以參考下2016-11-11
setTimeout函數兼容各主流瀏覽器運行執(zhí)行效果實例
setTimeout是一個很不錯的函數，網站頁面前端工程師經常將其用于幾秒后執(zhí)行的動作，下文要講的setTimeout可以很好地兼容IE6，7,8,9以及谷歌等主流瀏覽器2013-06-06
這篇文章主要介紹了JS使用Chrome瀏覽器實現調試線上代碼,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-07-07
Underscore是一個非常實用的JavaScript庫，提供許多編程時需要的功能的支持，他在不擴展任何JavaScript的原生對象的情況下提供很多實用的功能,需要了解的朋友可以詳細參考下2012-12-12
DOM3中引入了文本事件，其中之一 textInput 。當用戶再可編輯區(qū)域輸入字符時觸發(fā)該事件。2011-04-04
這篇文章介紹了JS操作Cookies的小例子，有需要的朋友可以參考一下2013-10-10
這篇文章主要介紹了微信小程序彈窗禁止頁面滾動的實現代碼,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-12-12
遞歸函數是在通過名字調用自身的情況下構成的。下面通過本文給大家分享JavaScript中遞歸實現的方法及其區(qū)別，感興趣的朋友一起看看吧2017-09-09
js動態(tài)添加onload、onresize、onscroll事件(另類方法)
window 的 onload、onresize、onscroll 事件，跟其他的事件不一樣，它不能用 attachEvent 或 addEventListener 來添加于是本人想了一些另類的方法，需要了解的朋友可以參考下2012-12-12
這篇文章主要介紹了微信小程序 動態(tài)修改頁面數據及參數傳遞過程詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-09-09