欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js循環(huán)map 獲取所有的key和value的實(shí)現(xiàn)代碼(json)

 更新時(shí)間:2018年05月09日 23:26:10   投稿:mdxy-dxy  
這篇文章主要介紹了js循環(huán)map 獲取所有的key和value的實(shí)現(xiàn)代碼(json),需要的朋友可以參考下

下面的方法一語(yǔ)方法二都是經(jīng)過(guò)腳本之家小編測(cè)試并運(yùn)行的

方法一: json格式定義

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無(wú)標(biāo)題文檔</title>
</head>

<body>
<script>
var dxy={
//Page地址 
  pageUrl : { 
    menu      :  "loadPage.htm?url=/collect/menu.page",     // 進(jìn)入菜單頁(yè)面 
    guangfaPage   :  "loadPage.htm?url=/collect/menu.page",     // 進(jìn)入廣發(fā)信息收集頁(yè)面 
    pinganPage   :  "loadPage.htm?url=/collect/menu.page",     // 進(jìn)入平安信息收集頁(yè)面 
    nuonuoPage   :  "loadPage.htm?url=/collect/menu.page",     // 進(jìn)入諾諾信息收集頁(yè)面 
    youbangPage   :  "loadPage.htm?url=/collect/menu.page",     // 進(jìn)入友邦信息收集頁(yè)面 
    inputMobileNo : "loadPage.htm?url=/collect/inputMobileNo.page",  // 進(jìn)入輸入手機(jī)號(hào)頁(yè)面 
    readIdCard   : "loadPage.htm?url=/collect/readIdCard.page",    // 進(jìn)入讀取身份證頁(yè)面 
    member     : "loadPage.htm?url=/collect/member.page",      // 進(jìn)入輸入會(huì)員卡號(hào)頁(yè)面 
    bankCard    : "loadPage.htm?url=/collect/bankCard.page",     // 進(jìn)入插入銀行卡頁(yè)面 
    url      : "loadPage.htm?url=/collect/url.page"        // 進(jìn)入跳轉(zhuǎn)url頁(yè)面 
  } 
}
for(var key in dxy.pageUrl){ 
  alert(key+" : "+dxy.pageUrl[key]); 
}
</script>
</body>
</html>

代碼二、

var obj = { 
 "a": 1, 
 "b": 2, 
 "c": 3 
}; 
 
for (var prop in obj) { 
 if (obj.hasOwnProperty(prop)) {  
 // or if (Object.prototype.hasOwnProperty.call(obj,prop)) for safety... 
  alert("prop: " + prop + " value: " + obj[prop]) 
 } 
} 

腳本之家小編的演示

li一行四列隔行顯示不用顏色

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無(wú)標(biāo)題文檔</title>
</head>

<body>
<script>



var obj = { 
"http://www.2016idc.com/cdn.html" : "◆◆◆◆◆高防免備案CDN◆◆◆◆◆",
"http://www.zoneidc.com/" : "1G香港云49元/美國(guó)云49元/韓國(guó)云89元",
"http://click.aliyun.com/m/15321/" : "30余款阿里云產(chǎn)品免費(fèi)6個(gè)月",
"http://www.kaivps.com/cloud.html": "◆好優(yōu)云◆抗攻擊◆無(wú)視CC◆免備◆穩(wěn)定◆",

"http://www.laoyuming.com/new.html" : "【15000個(gè)備案老域名】每天更新400個(gè)",
"http://seo.whbtsj.com/" : "★百度快速上首頁(yè),無(wú)效果不收費(fèi)★",
"http://www.osssnet.com/" : "◆50M香港/美國(guó)/日本服務(wù)器380免備案◆",
"http://www.cuwww.com" : "█香港服務(wù)器租用百兆帶寬1300起█",

"http://www.guowaidiaocha.com/" : "★國(guó)外調(diào)查 月賺兩萬(wàn),一對(duì)一教學(xué)帶你★",
"http://www.enkj.com/idc/" : "【億恩】DELL品牌服務(wù)器,月付799元起",
"http://www.hkcn2.com/51.htm" : "**香港高防10m大帶寬獨(dú)服,低至999元**",
"https://www.zllyun.com/cloud.shtml" : "知了云,OpenStack云服務(wù)器◆5折優(yōu)惠◆",

"http://www.8000idc.com" : "— — 香港云33元美國(guó)云39元快云21元 — —",
"https://www.50vm.com/" : "4核獨(dú)服199/16核獨(dú)服360|創(chuàng)夢(mèng)網(wǎng)絡(luò)",
"https://cloud.tencent.com/act/campus?fromSource=gwzcw.846004.846004.846004" : "騰訊云拼團(tuán)福利 1核2G云服務(wù)器10元/月",
"http://www.zitian.cn/" : "中原地區(qū)核心數(shù)據(jù)中心,月付299元起",
"http://www.7yc.com/rent.html" : "██云彩網(wǎng)絡(luò)██100G防服務(wù)器450元",

"http://www.dsx.top/" : "產(chǎn)品發(fā)布、創(chuàng)業(yè)開(kāi)店、需求任務(wù)找大師兄",
"http://www.gwidc.com/rent/home/index.html" : "港灣網(wǎng)絡(luò)-徐州百獨(dú)16核16G 800/月~",
"http://www.ssf.cc/" : "免備vps20/百獨(dú)799/雙線(xiàn)350/45互聯(lián)",
"http://www.ushk.net/server.html" : "██美港數(shù)據(jù)██高端香港服務(wù)器租用",

"http://vps.zzidc.com/tongji/jb51w.html" : "★☆云服務(wù)器5折,天天抽紅包抵扣☆★",
"http://www.ku86.com/" : "百兆 12核24線(xiàn)程 16G內(nèi)存 2T 999/月",
"http://www.xiaozhiyun.com/2016/" : "韓國(guó)\香港\美國(guó)站群服務(wù)器 巨牛網(wǎng)絡(luò)",

"http://www.wsisp.net/sale/20170518/?indexjb" : "█▇▆5M獨(dú)享云主機(jī)599/年▆▇█",
"http://www.qy.com.cn/" : "群英云服務(wù)器送10M帶寬30G防御,49元起",
"http://www.tuidc.com/" : "服務(wù)器租用/托管-域名空間/認(rèn)準(zhǔn)騰佑科技",
"http://www.jjidc.com/" : "九九數(shù)據(jù) — 工信部認(rèn)可正規(guī)資質(zhì)IDC接入商",

"https://www.95idc.com" : "95IDC█香港沙田CN2服務(wù)器 599/月",
"http://www.33ip.com/" : "楓信科技-江蘇雙線(xiàn)10M保證-399/元",
"https://youhui.jb51.net/" : "★★領(lǐng)取天貓?zhí)詫氉罡?018元紅包★★",
"http://www.pdidc.com/" : "浦東數(shù)據(jù)中心上海電信4星云主機(jī)30元/月起",

"http://www.139w.com/" : "鼎點(diǎn)網(wǎng)絡(luò)百兆獨(dú)享服務(wù)器僅需999元",
"http://www.360jq.com/hkshuang.htm" : "[香港雙高防]無(wú)視CC★DDOS/堪比廣東!",
"http://www.cyidc.cc/" : "暢游網(wǎng)絡(luò) 百獨(dú)服務(wù)器 包跑滿(mǎn) 998元",
"http://www.wdw6.com/" : "服務(wù)器租用 199元起"
}; 
var jbstr="";
var i=0;
var color="blue";
for (var jbkey in obj) {
 if (obj.hasOwnProperty(jbkey)) {	 
 // or if (Object.prototype.hasOwnProperty.call(obj,prop)) for safety... 
 //alert(i);
  if(i % 4 == 0){
		if(color=="blue"){
			color="red";
		}else{
			color="blue";
		}
 	}
	jbstr+='<li><a href="'+jbkey+'" rel="external nofollow" target="_blank"><span style="color:'+color+';">'+obj[jbkey]+'</span></a></li>';
i++
 }
} 
document.write(jbstr);
</script>
</body>
</html>

代碼三、雙重Map循環(huán)

var msg = ""; 
for(var key in Pin) { 
  for(var i in Pin[key]){ 
  msg+=i+": "+Pin[key][i]+"\n"; 
  } 
} 
alert(msg); 

以下是其他網(wǎng)友的補(bǔ)充大家可以參考一下

javascript循環(huán)遍歷數(shù)組輸出key value

javascript循環(huán)遍歷數(shù)組輸出key value
用$.each方法肯定不行的 所以采用如下方法

markers = [];
    markers[2]=3;
    markers[3]=7;
    for(var key in markers){
      console.log( key )
      console.log( markers[key] )
    }

js遍歷json的key和value可以參考這篇文章:http://www.dbjr.com.cn/article/103905.htm

相關(guān)文章

  • 通過(guò)循環(huán)優(yōu)化 JavaScript 程序

    通過(guò)循環(huán)優(yōu)化 JavaScript 程序

    這篇文章主要介紹了通過(guò)循環(huán)優(yōu)化 JavaScript 程序,對(duì)于提高 JavaScript 程序的性能這個(gè)問(wèn)題,最簡(jiǎn)單同時(shí)也是很容易被忽視的方法就是學(xué)習(xí)如何正確編寫(xiě)高性能循環(huán)語(yǔ)句。下面我們來(lái)學(xué)習(xí)一下吧
    2019-06-06
  • js canvas實(shí)現(xiàn)星空連線(xiàn)背景特效

    js canvas實(shí)現(xiàn)星空連線(xiàn)背景特效

    這篇文章主要為大家詳細(xì)介紹了js canvas實(shí)現(xiàn)星空連線(xiàn)背景特效,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-11-11
  • uniapp實(shí)現(xiàn)上拉加載更多功能的全過(guò)程

    uniapp實(shí)現(xiàn)上拉加載更多功能的全過(guò)程

    我們?cè)陧?xiàng)目中經(jīng)常使用到上拉加載更多,下面這篇文章主要給大家介紹了關(guān)于uniapp實(shí)現(xiàn)上拉加載更多功能的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-10-10
  • 小程序獲取手機(jī)驗(yàn)證碼倒計(jì)時(shí)的方法

    小程序獲取手機(jī)驗(yàn)證碼倒計(jì)時(shí)的方法

    這篇文章主要為大家詳細(xì)介紹了小程序獲取手機(jī)驗(yàn)證碼倒計(jì)時(shí)的方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下<BR>
    2022-08-08
  • javascript實(shí)現(xiàn)文字跑馬燈效果

    javascript實(shí)現(xiàn)文字跑馬燈效果

    這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)文字跑馬燈效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-06-06
  • 詳談js原型繼承的一些問(wèn)題

    詳談js原型繼承的一些問(wèn)題

    下面小編就為大家?guī)?lái)一篇詳談js原型繼承的一些問(wèn)題。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-09-09
  • js中innerText/textContent和innerHTML與target和currentTarget的區(qū)別

    js中innerText/textContent和innerHTML與target和currentTarget的區(qū)別

    今天小編就為大家分享一篇關(guān)于js中innerText/textContent和innerHTML與target和currentTarget的區(qū)別,小編覺(jué)得內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,具有很好的參考價(jià)值,需要的朋友一起跟隨小編來(lái)看看吧
    2019-01-01
  • 微信小程序tabBar模板用法實(shí)例分析【附demo源碼下載】

    微信小程序tabBar模板用法實(shí)例分析【附demo源碼下載】

    這篇文章主要介紹了微信小程序tabBar模板用法,結(jié)合具體實(shí)例形式分析了tabBar模板的定義、配置、引用等相關(guān)操作技巧,需要的朋友可以參考下
    2017-11-11
  • 基于JavaScript實(shí)現(xiàn)表格隔行換色

    基于JavaScript實(shí)現(xiàn)表格隔行換色

    這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)表格隔行換色,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2020-05-05
  • JavaScript 閉包深入理解(closure)

    JavaScript 閉包深入理解(closure)

    最近在網(wǎng)上查閱了不少Javascript閉包(closure)相關(guān)的資料,寫(xiě)的大多是非常的學(xué)術(shù)和專(zhuān)業(yè)。對(duì)于初學(xué)者來(lái)說(shuō)別說(shuō)理解閉包了,就連文字?jǐn)⑹龆己茈y看懂。撰寫(xiě)此文的目的就是用最通俗的文字揭開(kāi)Javascript閉包的真實(shí)面目。
    2009-05-05

最新評(píng)論