详谈js遍历集合(Array,Map,Set)
Array可以使用下标,Map和Set不能使用下标,ES6引入了iterable类型,Array,Map,Set都属于iterable类型,它们可以使用for...of循环来遍历:
vara=['A','B','C']; vars=newSet(['A','B','C']); varm=newMap([[1,'x'],[2,'y'],[3,'z']]); for(varxofa){//遍历Array alert(x); } for(varxofs){//遍历Set alert(x); } for(varxofm){//遍历Map alert(x[0]+'='+x[1]); }
>for...of与for...in的区别:for...in循环由于历史遗留问题,它遍历的实际上是对象的属性名称。一个Array数组实际上也是一个对象,它的每个元素的索引被视为一个属性。
当我们手动给Array对象添加了额外的属性后,for...in循环将带来意想不到的意外效果:
vara=['A','B','C']; a.name='Hello'; for(varxina){ alert(x);//'0','1','2','name' } vara=['A','B','C']; a.name='Hello'; for(varxofa){ alert(x);//'A','B','C' }
>更好的方式:iterable内置的forEach方法:
vara=['A','B','C']; a.forEach(function(element,index,array){ //element:指向当前元素的值 //index:指向当前索引 //array:指向Array对象本身 alert(element);//'A','B','C' }); vars=newSet(['A','B','C']); s.forEach(function(element,sameElement,set){ alert("参数1="+element+",参数2="+sameElement); }); //参数1=A,参数2=A //参数1=B,参数2=B //参数1=C,参数2=C varm=newMap([[1,'x'],[2,'y'],[3,'z']]); m.forEach(function(value,key,map){ alert("参数1="+value+",参数2="+key); }); //参数1=x,参数2=1 //参数1=y,参数2=2 //参数1=z,参数2=3
以上这篇详谈js遍历集合(Array,Map,Set)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。