for…of的使用

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循环的适用范围更广。