js遍歷json的key和value的實例
更新時間：2017年01月22日 10:40:16 投稿：jingxian
下面小編就為大家?guī)硪黄猨s遍歷json的key和value的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
原生js遍歷json對象
遍歷json對象：
無規(guī)律：
<script>
var json = [{dd:'SB',AA:'東東',re1:123},{cccc:'dd',lk:'1qw'}];
for(var i=0,l=json.length;i<l;i++){
for(var key in json[i]){
alert(key+':'+json[i][key]);
}
}
</script>
有規(guī)律：
packJson = [
{"name":"nikita", "password":"1111"},
{"name":"tony", "password":"2222"}
];
for(var p in packJson){//遍歷json數(shù)組時，這么寫p為索引，0,1
alert(packJson[p].name + " " + packJson[p].password);
}
也可以用這個：
for(var i = 0; i < packJson.length; i++){
alert(packJson[i].name + " " + packJson[i].password);
}
遍歷json對象
myJson = {"name":"caibaojian", "password":"1111"};
for(var p in myJson){//遍歷json對象的每個key/value對,p為key
alert(p + " " + myJson[p]);
}
有如下 json對象：
var obj ={"name":"馮娟","password":"123456","department":"技術(shù)部","sex":"女","old":30};
遍歷方法：
for(var p in obj){
str = str+obj[p]+',';
return str;
}
以上這篇js遍歷json的key和value的實例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)更換背景圖片,文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-10-10
這篇文章主要為大家詳細介紹了JS實現(xiàn)關(guān)閉小廣告特效，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
這篇文章主要介紹了jQuery鼠標懸浮鏈接彈出跟隨圖片實例代碼,需要的朋友可以參考下2016-01-01
全局變量是魔鬼。在YUI中，我們僅用兩個全局變量：YAHOO和YAHOO_config。YUI的一切都是使用YAHOO對象級的成員或這個成員作用域內(nèi)的變量。我們建議在你的應(yīng)用程序也使用類似的規(guī)則。2010-09-09
前端使用pdf.js實現(xiàn)pdf轉(zhuǎn)為圖片
這篇文章主要為大家詳細介紹了前端如何使用pdf.js實現(xiàn)pdf轉(zhuǎn)為圖片功能,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下2024-04-04
這篇文章主要為大家詳細介紹了bootstrap柵格系統(tǒng)示例代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要為大家詳細介紹了原生JS封裝vue Tab切換效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-04-04
這篇文章主要給大家介紹了關(guān)于TypeScript為對象動態(tài)添加屬性的相關(guān)資料,在TypeScript 中,我們經(jīng)常需要在運行時動態(tài)添加屬性到對象上,需要的朋友可以參考下2023-07-07
這篇文章主要介紹了JS實現(xiàn)針對給定時間的倒計時功能,結(jié)合具體實例形式分析了javascript日期時間的正則判定與動態(tài)運算相關(guān)操作技巧,需要的朋友可以參考下2017-04-04
JS實現(xiàn)textarea通過換行或者回車把多行數(shù)字分割成數(shù)組并且去掉數(shù)組中空的值
這篇文章主要介紹了JS實現(xiàn)textarea通過換行或者回車把多行數(shù)字分割成數(shù)組并且去掉數(shù)組中空的值的相關(guān)資料,需要的朋友可以參考下2018-10-10