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

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

下面小編就為大家?guī)硪黄猨s遍歷json的key和value的實(shí)例。小編覺得挺不錯的，現(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的實(shí)例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

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