for…of的作用
for...of?一种用于遍历数据结构的方法。它可遍历的对象包括数组,字符串,set和map结构等具有iterator 接口的数据结构。
for...of的实现
var arr =[1,2,3,4,5];
for(let value of arr){
consoLe.log(value);
}
//打印结果:依次输出:1 2 3 4 5
for...of的优点:
1.写法比for循环简洁很多;
2.可以用break来终止整个循环,或者continute来跳出当前循环,继续后面的循环;
3.结合keys( )获取到循环的索引,并且是数字类型,而不是字符串类型。
4.支持遍历数组,字符串,Set和Map结构
循环终止的实现方式
1.break终止整个循环
var arr =[1,2,3,4,5];
for(let value of arr){
if(value == 3){
break;//终止整个循环
}
console.log(value);
}
//打印结果:1 2
2.continue跳过当前循环
var arr =[1,2,3,4,5];
for(let value of arr){
if(value == 3){
continue;//跳过当前循环,继续后面的循环
}
console.log(value);
}
//打印结果:1 2 4 5
得到数字类型索引
使用数组的扩展keys( ),获取键名再遍历,得到的index是数字类型的。
var arr =[1,2,3,4,5];
for(let index of arr.keys()){
console.log(index);
}
//打印结果:依次输出:0 1 2 3 4
for...in与for...of的区别:
for...in循环专门为对象设计,for...of循环的适用范围更广。
|