网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的考试资料：

　

标题 JavaScript中循环遍历Array与Map的方法小结
内容
    这篇文章主要介绍了JavaScript中循环遍历Array与Map的各种方法,利用的都是js入门学习中的基础知识,需要的朋友可以参考下
    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);
随便看

　

在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。

　

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间：2025/5/15 14:34:34