<!doctype html>
<html lang="en">
<head>
<title>Document</title>
</head>
<body>
<script>
var arr=[1,4,56,7,7,8,8,,9,,9,9,,9,9]; var obj={name:"eval",age:23,sex:"女"}; //只能遍历索引数组。 for(var j=0,len=arr.length;j<len;j++){ console.log(arr[j]); }
//for...in 是遍历对象的健名,或者数组的下标(数组,对象都可用)
存在的问题:1)在某些情况下,这段代码可能按照随机顺序遍历数组元素,
2)数组原型链上的属性都能被访问到
Array.prototype.a=123;
Array.prototype.foo=function(){};
var arr=[2,3];
for(let k in arr){
console.log(arr[k]);//2,3,123,function()
}
但是我们可以进行过滤处理(也不是很麻烦)
for(let k in arr){
arr.hasOwnProperty(k)&& console.log(arr[k]);
}
总之:for-in是为普通对象设计的,你可以遍历得到字符串类型的键,因此不适用于数组遍历
for(var i in arr){ console.log(arr[i]); } for(var i in obj){ console.log(i); }
//for …of….遍历数组的键值,不能遍历对象,但是可以遍历类数组对象(也是数组),还可以用来遍历一个字符串(它将字符串视为一系列的Unicode字符来进行遍历:) for(let value of arr){ console.log(value); } 利用for....of....遍历一个字符串 for(var chr of "abcdefr"){ console.log(chr); } 结果:a,b,c,d,e,f,r
//js中forEach只能遍历数组,不能遍历对象
存在的问题:不能使用break语句中断循环,也不能使用return语句返回到外层函数。
arr.forEach(function(e){ console.log(e); }); //js中的forEach只是支持对数组的遍历,不支持对对象的遍历 /* obj.forEach(function(e){ console.log(e); }); */ //arr.map只能遍历数组 arr.map(function(v,i){ console.log(v,i); }); arr.map((v,i)=>(console.log(i,v))); var list = new Map().set('a',1).set('b',2).set('c',3); console.log(list); for (var [key,value] of list) { console.log(key + ' => ' + value); } </script> </body> </html>