JavaScript中迴圈遍曆Array與Map的方法小結，javascriptarray

JavaScript中迴圈遍曆Array與Map的方法小結，javascriptarray

js迴圈數組各種方法
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迴圈map，擷取所有的key和value
eg1：

//Page地址  pageUrl : {   menu   : "loadPage.htm?url=/collect/menu.page",   // 進入菜單頁面   guangfaPage  : "loadPage.htm?url=/collect/menu.page",   // 進入廣發資訊收集頁面   pinganPage  : "loadPage.htm?url=/collect/menu.page",   // 進入平安資訊收集頁面   nuonuoPage  : "loadPage.htm?url=/collect/menu.page",   // 進入諾諾資訊收集頁面   youbangPage  : "loadPage.htm?url=/collect/menu.page",   // 進入友邦資訊收集頁面   inputMobileNo : "loadPage.htm?url=/collect/inputMobileNo.page", // 進入輸入手機號頁面   readIdCard  : "loadPage.htm?url=/collect/readIdCard.page",  // 進入讀取身份證頁面   member   : "loadPage.htm?url=/collect/member.page",   // 進入輸入會員卡號頁面   bankCard  : "loadPage.htm?url=/collect/bankCard.page",   // 進入插入銀行卡頁面   url   : "loadPage.htm?url=/collect/url.page"    // 進入跳轉url頁面  },  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迴圈
eg：

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

您可能感興趣的文章:

• javascript實現label標籤跳出迴圈操作
• 理解javascript中Map代替迴圈
• javascript每日必學之迴圈
• 三個js迴圈的關鍵字樣本(for與while)
• js實現非同步迴圈實現代碼
• 基於JavaScript實現瀑布流效果(迴圈漸近)
• 高效能JavaScript迴圈語句和條件陳述式
• javascript圖片切換綜合執行個體（迴圈切換、順序切換）
• 理解JS事件迴圈
• 深入探究JavaScript中for迴圈的效率問題及相關最佳化