快捷導(dǎo)航

js遍歷json的key和value的實(shí)例

更新時(shí)間：2017年01月22日 10:40:16 投稿：jingxian

下面小編就為大家?guī)?lái)一篇js遍歷json的key和value的實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

原生js遍歷json對(duì)象

遍歷json對(duì)象：

無(wú)規(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ù)組時(shí)，這么寫(xiě)p為索引，0,1
 alert(packJson[p].name + " " + packJson[p].password);
}

也可以用這個(gè)：

for(var i = 0; i < packJson.length; i++){
 alert(packJson[i].name + " " + packJson[i].password);
}

遍歷json對(duì)象

myJson = {"name":"caibaojian", "password":"1111"};
for(var p in myJson){//遍歷json對(duì)象的每個(gè)key/value對(duì),p為key
 alert(p + " " + myJson[p]);
}

有如下 json對(duì)象：

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的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

微信小程序基于高德地圖查找位置并顯示文字
這篇文章主要介紹了微信小程序基于高德地圖查找位置并顯示文字,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-10-10
JavaScript判斷變量是否為空的自定義函數(shù)分享
這篇文章主要介紹了JavaScript判斷變量是否為空的自定義函數(shù)分享,本文直接給出實(shí)現(xiàn)代碼,需要的朋友可以參考下
2015-01-01
js生成二維碼的示例代碼
這篇文章主要介紹了js生成二維碼的示例代碼,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2021-03-03
javascript 文本框水印/占位符(watermark/placeholder)實(shí)現(xiàn)方法
html5為表單元素(type為text/password/search/url/telephone/email)新增了一個(gè)placeholder屬性，為輸入框提供一種提示
2012-01-01
JavaScript中使用Object.create()創(chuàng)建對(duì)象介紹
這篇文章主要介紹了JavaScript中使用Object.create()創(chuàng)建對(duì)象介紹,本文先是講解了語(yǔ)法,然后給出了創(chuàng)建實(shí)例,需要的朋友可以參考下
2014-12-12
Javascript this 的一些學(xué)習(xí)總結(jié)
相信有C++、C#或Java等編程經(jīng)驗(yàn)的各位，對(duì)于this關(guān)鍵字再熟悉不過(guò)了。由于Javascript是一種面向?qū)ο蟮木幊陶Z(yǔ)言，它和C++、C#或Java一樣都包含this關(guān)鍵字，接下來(lái)我們將向大家介紹Javascript中的this關(guān)鍵字
2012-08-08
有提示確定與取消功能的彈出式窗的代碼
有提示確定與取消功能的彈出式窗的代碼...
2007-04-04
JS實(shí)現(xiàn)帶鼠標(biāo)效果的頭像及文章列表代碼
這篇文章主要介紹了JS實(shí)現(xiàn)帶鼠標(biāo)效果的頭像及文章列表代碼,涉及JavaScript響應(yīng)鼠標(biāo)事件動(dòng)態(tài)切換頁(yè)面元素樣式的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-09-09
初學(xué)js 新節(jié)點(diǎn)的創(chuàng)建刪除的步驟
對(duì)于js 我是個(gè)初學(xué)者甚至還不入門(mén)，我比較喜歡js做出的特效。
2011-07-07
JS禁止瀏覽器右鍵查看元素或按F12審查元素自動(dòng)關(guān)閉頁(yè)面示例代碼
這篇文章主要給大家介紹了關(guān)于利用Javascript如何禁止瀏覽器右鍵查看元素，或者通過(guò)按F12審查元素，觸犯這兩個(gè)條件會(huì)自動(dòng)并關(guān)閉頁(yè)面的相關(guān)資料，通過(guò)設(shè)置這個(gè)可以防止別人扒下自己的網(wǎng)頁(yè)，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。
2017-09-09