JavaScript中循環(huán)遍歷Array與Map的方法小結(jié)
js循環(huán)數(shù)組各種方法
eg1:
for (var i = 0; i < myStringArray.length; i++) {
alert(myStringArray[i]);
//Do something
}
eg2:
Array.prototype.foo = "foo!";
var array = ['a', 'b', 'c'];
for (var i in array) {
alert(array[i]);
}
for(var i in this.$GLOBAL_DETAIL.album_photo_ids){if(this.$GLOBAL_DETAIL.album_photo_ids[i] == "3487675024077108") alert(this.$GLOBAL_DETAIL.album_photo_ids[i]);}
eg3:
[1,2,3,4].map( function(item) {
alert(item);
})
eg4:
var x = [1,2,3,4].map( function(item) { return item * 10; } );
// And now x is [10,20,30,40]
eg5:
var myStringArray = [ "Hello", "World" ]
var len = myStringArray.length
for (var i=0; i<len; ++i) {
if (i in myStringArray) {
var s = myStringArray[i];
... do something with s ...
}
}
eg6:
var myStringArray = [ "Hello", "World" ]
myStringArray.forEach( function(s) {
... do something with s ...
} )
eg7:
var i=0,item,items = ['one','two','three'];
while(item=items[i++]){
console.log(item);
}
// logs: 'one','two','three'
and for the reverse order, an even more efficient loop
var items = ['one','two','three'], i=items.length;
while(i--){
console.log(items[i]);
}
// logs: 'three','two','one'
or the classical for loop
var items = ['one','two','three']
for(var i=0,l=items.length; i < l ; i++){
console.log(items[i]);
}
// logs: 'one','two','three'
eg8:
var myStringArray = ['Hello', 'World']; // array uses [] not {}
for (var i in myStringArray) {
console.log(i + ' -> ' + myStringArray[i]); // i is the index/key, not the item
}
js循環(huán)map,獲取所有的key和value
eg1:
//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 this.pageUrl){
alert(key+" : "+this.pageUrl[key]);
}
eg2:
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])
}
}
雙重Map循環(huán)
eg:
var msg = "";
for(var key in Pin) {
for(var i in Pin[key]){
msg+=i+": "+Pin[key][i]+"\n";
}
}
alert(msg);
- js中的循環(huán)方式及各種遍歷的方法
- JS中循環(huán)遍歷數(shù)組的四種方式總結(jié)
- 解決vuejs 使用value in list 循環(huán)遍歷數(shù)組出現(xiàn)警告的問(wèn)題
- JavaScript 中的12種循環(huán)遍歷方法【總結(jié)】
- js 實(shí)現(xiàn)獲取name 相同的頁(yè)面元素并循環(huán)遍歷的方法
- JavaScript中利用for循環(huán)遍歷數(shù)組
- Javascript數(shù)組循環(huán)遍歷之forEach詳解
- JS簡(jiǎn)單循環(huán)遍歷json數(shù)組的方法
- JavaScript幾種常見(jiàn)循環(huán)遍歷使用和區(qū)別
相關(guān)文章
深入理解JavaScript中的對(duì)象復(fù)制(Object Clone)
下面小編就為大家?guī)?lái)一篇深入理解JavaScript中的對(duì)象復(fù)制(Object Clone)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
Javascript基礎(chǔ) 函數(shù)“重載” 詳細(xì)介紹
這篇文章介紹了Javascript基礎(chǔ) 函數(shù)“重載” ,有需要的朋友可以參考一下2013-10-10
JavaScript Try...Catch 聲明的 使用方法
JavaScript Try...Catch 聲明的 使用方法...2007-04-04
JavaScript入門(mén)教程(4) js瀏覽器對(duì)象
navigator 瀏覽器對(duì)象,包含了正在使用的 Navigator 的版本信息。反映了當(dāng)前使用的瀏覽器的資料。JavaScript 客戶端運(yùn)行時(shí)刻引擎自動(dòng)創(chuàng)建 navigator 對(duì)象。2009-01-01
第一個(gè)JavaScript入門(mén)基礎(chǔ) document.write輸出
關(guān)于JavaScript,他是一個(gè)OOSP(面向?qū)ο竽_本語(yǔ)言)他是用來(lái)創(chuàng)建動(dòng)態(tài)網(wǎng)站,增強(qiáng)用戶界面的一門(mén)技術(shù)。如果你想了解更多關(guān)于JavaScript的信息,請(qǐng)去維基百科查詢。2010-02-02
分析Node.js connect ECONNREFUSED錯(cuò)誤
最近在準(zhǔn)備Angularjs +node.js demo的時(shí)候在我的mac開(kāi)發(fā)中 遇見(jiàn)此錯(cuò)誤2013-04-04
解決js正則匹配換行問(wèn)題實(shí)現(xiàn)代碼
js正則匹配換行過(guò)程中會(huì)出現(xiàn)很多的問(wèn)題,本文將提供詳細(xì)的解決方法,需要的朋友可以參考下2012-12-12

