JavaScript中循环遍历Array与Map的方法小结_基础知识

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
, js
, 遍历
, 数组
, map
, 循环
array
javascript array遍历、arraymap遍历、android arraymap遍历、jsonarray遍历转map、java arraymap 遍历,以便于您获取更多的相关知识。

时间: 2016-03-12

JavaScript中循环遍历Array与Map的方法小结_基础知识的相关文章

javascript中的遍历for in 以及with的用法_基础知识

for in  循环执行一个对象中的属性 with语句: (对象操作语句)                   功能:为一段程序建立默认对象         格式: 复制代码 代码如下:           with(<对象>){               <语句组>            } 具体示例: 复制代码 代码如下: <script type="text/javascript"> function member(name,gender){

JavaScript中判断对象类型的几种方法总结_基础知识

我们知道,JavaScript中检测对象类型的运算符有:typeof.instanceof,还有对象的constructor属性: 1) typeof 运算符 typeof 是一元运算符,返回结果是一个说明运算数类型的字符串.如:"number","string","boolean","object","function","undefined"(可用于判断变量是否存在). 但 type

javascript中apply、call和bind的使用区别_基础知识

在JS中,这三者都是用来改变函数的this对象的指向的,他们有什么样的区别呢. 在说区别之前还是先总结一下三者的相似之处: 1.都是用来改变函数的this对象的指向的. 2.第一个参数都是this要指向的对象. 3.都可以利用后续参数传参. 那么他们的区别在哪里的,先看一个例子. var xw = { name : "小王", gender : "男", age : 24, say : function() { alert(this.name + " ,

JavaScript 中的日期和时间及表示标准介绍_基础知识

前言 本篇的介绍涵盖以下部分: 1. 时间标准指的是什么?UCT和GMT 的概念.关联和区别? 2. 时间表示标准有哪些? 3. JS 中时间的处理 日期时间标准 日期的标准就不多说了 -- 公元纪年 是为纪念犹太人耶稣(基督)的诞生.他诞生的那一年为公元1年,诞生之前的年份称为"公元前n年" 简单来说,时间的标准就是以什么时间为起点开始计时.对于年份来说,举例来说,如果不使用公元纪年法,估计全世界交流起来就困难重重了(新中国54年,估计很把很多老外整晕) 时间标准其实挺多的. 原子时

Javascript动态引用CSS文件的2种方法介绍_基础知识

最近做一个项目,需要javascript动态插入样式,结果以前的方法失效了!查了2个小时的原因竟然是自己手贱,这个最后再说! javascript插入样式在前端开发中应用比较广泛,特别是在修改前端表现和页面换肤的时候.最近做的这个任务是用户在别人的站点上点击一个按钮,就会在别的站点页面下插入一个脚本,执行,这其中包含了样式的插入. 一般情况下javascript动态插入样式有两种,一种页面中引入外部样式,在<head>中使用<link>标签引入一个外部样式文件,另一种是在页面中使用

javascript中数组array及string的方法总结_基础知识

一.array的方法总结 会更改原来的的数组 push.unshift方法,返回length.增加值得就返回length,其他返回该元素 pop,shift返回该元素 reverse返回该元素 splice(start,deleteCount,addItem...),从原数组中删除和增加,返回删除的数组 不会改变原来的数组,返回新的数组 concat,join,slice(start,end) 记住这3个是返回新数组,其他的会改变原来的数组 二.Sting的方法总结 不对原始值做改变,都是返回一

JavaScript中匿名函数的用法及优缺点详解_基础知识

匿名函数可以有效的保证在页面上写入Javascript,而不会造成全局变量的污染. 这在给一个不是很熟悉的页面增加Javascript时非常有效,也很优美. 一.什么是匿名函数? 在Javascript定义一个函数一般有如下三种方式: 函数关键字(function)语句: function fnMethodName(x){alert(x);} 函数字面量(Function Literals): var fnMethodName = function(x){alert(x);} Function(

JavaScript中switch判断容易犯错的一个细节_基础知识

switch语句与if语句的关系最为密切,也是其它编程语言中普遍使用的一种流程控制语句,但switch的匹配是全等模式,如果不注意这个细节则写程序时往往会出错. 代码: var n = '5'; switch(n){     case 5:         alert('执行case分支');         break;     default:         alert('执行default分支'); } 结果: 可能很多人会误以为以上程序会走case分支,结果却走了default分支.难

向JavaScript的数组中添加元素的方法小结_基础知识

在数组的开头添加新元素 - unshift()源代码: <!DOCTYPE html> <html> <body> <p id="demo">Click the button to add elements to the array.</p> <button onclick="myFunction()">Try it</button> <script> function