JS實現(xiàn)鍵值對遍歷json數(shù)組功能示例
本文實例講述了JS實現(xiàn)鍵值對遍歷json數(shù)組功能。分享給大家供大家參考，具體如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>chabaoo.cn js鍵值對遍歷json數(shù)組</title>
</head>
<body>
<script type="text/javascript">
var data = [];
var data = [];
data['上海'] = [{
city:'閔行',
value:'minhang'
},{
city:'浦東',
value:'pudong'
}];
data['四川'] = [{
city:'溫江',
value:'wenjiang'
},{
city:'成都',
value:'chengdu'
}];
// 遍歷數(shù)組
for(var province in data){
for(var i=0;i<data[province].length;i++){
console.log(province + ' - ' + data[province][i].city + ' - ' + data[province][i].value);
}
}
</script>
</body>
</html>
運行結果如下：
PS：關于json操作，這里再為大家推薦幾款比較實用的json在線工具供大家參考使用：
在線JSON代碼檢驗、檢驗、美化、格式化工具：
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
更多關于JavaScript相關內(nèi)容可查看本站專題：《JavaScript中json操作技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript錯誤與調(diào)試技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數(shù)學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
獲取客戶端網(wǎng)卡MAC地址和IP地址實現(xiàn)JS代碼
獲取客戶端的一些信息，如IP和MAC，以結合身份驗證，相信很多人都會這樣做吧，我們這里用Javascript，這樣做的好處是不需要服務器端進行處理，有客戶端自行獲取，感興趣的你可以參考下哈2013-03-03
JavaScript執(zhí)行環(huán)境及作用域鏈實例分析
這篇文章主要介紹了JavaScript執(zhí)行環(huán)境及作用域鏈,結合實例形式分析了JavaScript執(zhí)行環(huán)境及作用域鏈的相關概念、功能與使用技巧,需要的朋友可以參考下2018-08-08
本文通過實例代碼給大家介紹了js異步上傳圖片文件的方法，包括html和jquery代碼，需要的的朋友參考下吧2017-07-07
本文給大家介紹BootStrap Typeahead自動補全插件的實例代碼，非常不錯，具有參考借鑒價值，需要的朋友參考下2016-08-08
在本篇文章里小編給大家分享的是關于javascript單張多張圖無縫滾動實例代碼和實例，需要的朋友們可以參考下。2020-05-05
JavaScript設計模式之工廠模式和抽象工廠模式定義與用法分析
這篇文章主要介紹了JavaScript設計模式之工廠模式和抽象工廠模式,結合實例形式分析了工廠模式的功能、定義、相關問題解決方法,并分析抽象工廠模式與工廠模式的不同之處,需要的朋友可以參考下2018-07-07
如何讓easyui gridview 寬度自適應窗口改變及fitColumns應用
在使用Easyui GridView時，如果要Gridview的寬度和窗口的寬度相同，只需要設置fitColumns: true即可,感興趣的你不要走開啊，接下來為您詳細介紹2013-01-01
JS實現(xiàn)控制表格只顯示行邊框或者只顯示列邊框的方法
這篇文章主要介紹了JS實現(xiàn)控制表格只顯示行邊框或者只顯示列邊框的方法,涉及javascript使用表格對象的rules屬性的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
在實際的開發(fā)工作過程中，積累了一些常見又超級好用的 Javascript 技巧和代碼片段，包括整理的其他大神的 JS 使用技巧，今天篩選了 9 個，以供大家參考2023-04-04
解決Layui數(shù)據(jù)表格中checkbox位置不居中的方法
今天小編就為大家分享一篇解決Layui數(shù)據(jù)表格中checkbox位置不居中的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08