ES6 － for...of

for...of是一种用来遍历数据结构的方法，可遍历的对象包括：数组，对象，字符串，节点数组等

我们先来看一下现在存在的遍历方式：

var arr=[1,2,3,4]

（1）for循环

缺点：代码不够简洁

（2）forEach():  arr.forEach(function(value,index) {...});

缺点：无法中断循环

（3）for..in：我们常用来遍历对象属性

　　for (let i  in arr){...}

　缺点：每次循环得到的是字符串类型，而不是数字类型。

之后，我们来看一下ES6 的for...of

for (let value of arr ){...}

（1）终止循环(break),跳过循环(continue)

for (let value of arr ){

　　if(value==3){

　　　　break;

　　}

　　console.log(value)   //1 2

}

for (let value of arr ){

　　if(value==3){

　　　　continue;   //跳过当前循环

　　}

　　console.log(value)   //1 2 4 5

}

（2）得到数字类型的索引   keys()

for (let index of arr.keys() ){

　　console.log(index)   // 0 1 2 3 4　

}

keys() 为数组的扩展，表示获取键名再遍历

（3）遍历多种类型的数据结构

• 字符串遍历

　　var str='hello';

　　for (let v of str){

　　　　console.log(v)    // h e l l o

　　}

• DOM节点遍历

　　<li>1</li>

　　<li>2</li>

　　<li>3</li>

　　var lis=document.getElementsByTagName('li');

　　for (let li of lis){

　　　　console.log(li)   //<li>1</li>  <li>2</li>  <li>3</li>

　　}