JavaScript中循环遍历Array与Map的方法小结
网络编程 2021-07-04 21:04www.168986.cn编程入门
这篇文章主要介绍了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);
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程