for of 循环

<pre>
1.for...of循环可以代替数组实例的forEach方法:

const arr = ['red', 'green', 'blue'];

arr.forEach(function (element, index) {
　　　　console.log(element); // red green blue
　　　　console.log(index); // 0 1 2
　　});

for(let i of arr){

console.log(i); // red green blue

}

2.JavaScript原有的for...in循环，只能获得对象的键名，不能直接获取键值。ES6提供for...of循环，允许遍历获得

键值:

var arr = ['a','b','c','d'];

for(let a in arr){

console.log(a); // 0 1 2 3

}

for(let a of arr){

console.log(a); // a b c d

}

3.for...of循环调用遍历器接口，数组的遍历器接口只返回具有数字索引的属性。这一点跟for...in循环也不一样:

let arr = [3,5,7];

arr.hello = 'hello';

for(let i in arr){

console.log(i); // "0","1","2","3"

}

for(let i of arr){

console.log(i); // "3","5","7"

}
</pre>