详谈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)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。