JavaScript中循环遍历Array与Map的方法小结


Posted in Javascript onMarch 12, 2016

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 相关文章推荐
JQuery 前台切换网站的样式实现
Jun 22 Javascript
jquery.validate分组验证代码
Mar 17 Javascript
GridView中获取被点击行中的DropDownList和TextBox中的值
Jul 18 Javascript
javascript实现网页子页面遍历回调的方法(涉及 window.frames、递归函数、函数上下文)
Jul 27 Javascript
javascript文本模板用法实例
Jul 31 Javascript
jquery动态增加删减表格行特效
Nov 20 Javascript
Vuejs实现带样式的单文件组件新方法
May 02 Javascript
JS实现的走迷宫小游戏完整实例
Jul 19 Javascript
浅谈ajax请求不同页面的微信JSSDK问题
Feb 26 Javascript
使用Vue制作图片轮播组件思路详解
Mar 21 Javascript
2019年度web前端面试题总结(主要为Vue面试题)
Jan 12 Javascript
详解JavaScript之ES5的继承
Jul 08 Javascript
Node.js的Express框架使用上手指南
Mar 12 #Javascript
Node.js项目中调用JavaScript的EJS模板库的方法
Mar 11 #Javascript
JavaScript操作HTML DOM节点的基础教程
Mar 11 #Javascript
举例说明JavaScript中的实例对象与原型对象
Mar 11 #Javascript
JavaScript中setTimeout和setInterval函数的传参及调用
Mar 11 #Javascript
原生JavaScript制作微博发布面板效果
Mar 11 #Javascript
JavaScript获取图片像素颜色并转换为box-shadow显示
Mar 11 #Javascript
You might like
PHP中的类-什么叫类
2006/11/20 PHP
php线性表顺序存储实现代码(增删查改)
2012/02/16 PHP
PHP中使用BigMap实例
2015/03/30 PHP
Yii中的relations数据关联查询及统计功能用法详解
2016/07/14 PHP
用js实现的仿sohu博客更换页面风格(简单版)
2007/03/22 Javascript
Js如何判断客户端是PC还是手持设备简单分析
2012/11/22 Javascript
div浮层,滚动条移动,位置保持不变的4种方法汇总
2013/12/11 Javascript
javascript上下方向键控制表格行选中并高亮显示的方法
2015/02/13 Javascript
jquery实现横向图片轮播特效代码分享
2015/11/19 Javascript
JS设置下拉列表框当前所选值的方法
2015/12/22 Javascript
JS加载iFrame出现空白问题的解决办法
2016/05/13 Javascript
JS实现根据文件字节数返回文件大小的方法
2016/08/02 Javascript
JavaScript简单生成 N~M 之间随机数的方法
2017/01/13 Javascript
vue中v-for循环给标签属性赋值的方法
2018/10/18 Javascript
JavaScript实现随机点名器实例详解
2019/05/07 Javascript
python文件操作相关知识点总结整理
2016/02/22 Python
PyQt5笔记之弹出窗口大全
2019/06/20 Python
详解Python 多线程 Timer定时器/延迟执行、Event事件
2019/06/27 Python
python 叠加等边三角形的绘制的实现
2019/08/14 Python
浅析PEP572: 海象运算符
2019/10/15 Python
美国面料纺织品商城:Fabric.com
2017/06/28 全球购物
儿科主治医生个人求职信
2013/09/23 职场文书
怎样写留学自荐信
2013/11/11 职场文书
《中华少年》教学反思
2014/02/15 职场文书
《小松树和大松树》教学反思
2014/02/20 职场文书
旅游管理专业大学生职业规划书
2014/02/27 职场文书
信息技术毕业生自荐信范文
2014/03/13 职场文书
幼儿园六一儿童节文艺汇演主持词
2014/03/21 职场文书
人力资源管理专业自荐书
2014/07/07 职场文书
买卖合同协议书范本
2014/10/18 职场文书
以权谋私检举信范文
2015/03/02 职场文书
交通事故起诉书
2015/05/19 职场文书
2015年校务公开工作总结
2015/05/26 职场文书
酒桌上的祝酒词
2015/08/12 职场文书
使用Navicat Premium工具将oracle数据库迁移到MySQL
2021/05/27 Oracle
CSS实现单选折叠菜单功能
2021/11/01 HTML / CSS