JS操作json對(duì)象key、value的常用方法分析
本文實(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 = 40 var 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在線(xiàn)工具供大家參考使用:
在線(xiàn)JSON代碼檢驗(yàn)、檢驗(yàn)、美化、格式化工具:
http://tools.jb51.net/code/json
JSON在線(xiàn)格式化工具:
http://tools.jb51.net/code/jsonformat
在線(xiàn)XML/JSON互相轉(zhuǎn)換工具:
http://tools.jb51.net/code/xmljson
json代碼在線(xiàn)格式化/美化/壓縮/編輯/轉(zhuǎn)換工具:
http://tools.jb51.net/code/jsoncodeformat
在線(xiàn)json壓縮/轉(zhuǎn)義工具:
http://tools.jb51.net/code/json_yasuo_trans
更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專(zhuān)題:《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ì)有所幫助。
相關(guān)文章
JavaScript實(shí)現(xiàn)圖片懶加載(Lazyload)
這篇文章主要介紹了JavaScript實(shí)現(xiàn)圖片懶加載(Lazyload)的相關(guān)資料,需要的朋友可以參考下2016-11-11setTimeout函數(shù)兼容各主流瀏覽器運(yùn)行執(zhí)行效果實(shí)例
setTimeout是一個(gè)很不錯(cuò)的函數(shù),網(wǎng)站頁(yè)面前端工程師經(jīng)常將其用于幾秒后執(zhí)行的動(dòng)作,下文要講的setTimeout可以很好地兼容IE6,7,8,9以及谷歌等主流瀏覽器2013-06-06JS使用Chrome瀏覽器實(shí)現(xiàn)調(diào)試線(xiàn)上代碼
這篇文章主要介紹了JS使用Chrome瀏覽器實(shí)現(xiàn)調(diào)試線(xiàn)上代碼,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-07-07Underscore.js 的模板功能介紹與應(yīng)用
Underscore是一個(gè)非常實(shí)用的JavaScript庫(kù),提供許多編程時(shí)需要的功能的支持,他在不擴(kuò)展任何JavaScript的原生對(duì)象的情況下提供很多實(shí)用的功能,需要了解的朋友可以詳細(xì)參考下2012-12-12微信小程序彈窗禁止頁(yè)面滾動(dòng)的實(shí)現(xiàn)代碼
這篇文章主要介紹了微信小程序彈窗禁止頁(yè)面滾動(dòng)的實(shí)現(xiàn)代碼,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-12-12JavaScript中遞歸實(shí)現(xiàn)的方法及其區(qū)別
遞歸函數(shù)是在通過(guò)名字調(diào)用自身的情況下構(gòu)成的。下面通過(guò)本文給大家分享JavaScript中遞歸實(shí)現(xiàn)的方法及其區(qū)別,感興趣的朋友一起看看吧2017-09-09js動(dòng)態(tài)添加onload、onresize、onscroll事件(另類(lèi)方法)
window 的 onload、onresize、onscroll 事件,跟其他的事件不一樣,它不能用 attachEvent 或 addEventListener 來(lái)添加于是本人想了一些另類(lèi)的方法,需要了解的朋友可以參考下2012-12-12微信小程序 動(dòng)態(tài)修改頁(yè)面數(shù)據(jù)及參數(shù)傳遞過(guò)程詳解
這篇文章主要介紹了微信小程序 動(dòng)態(tài)修改頁(yè)面數(shù)據(jù)及參數(shù)傳遞過(guò)程詳解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09