在数组中的用法：
const arr = [2, 3, 5, 4, 5, 2, 2];
for(let i of arr){
console.log(i) //打印出来的是value 2,3,5,4,2,2
}
for(let i in arr){
console.log(i) //打印出来的是下标 0,1,2,3,4,5,6
}
在对象中的用法：
const obj = {'a':1,'b':2,'c':3}
for(let i in obj){
console.log(i) //打印出来的是key a，b，c}
for(let i of obj){
console.log(i) //打印出来的是obj is not iterable，这是因为在es6中object没有规定默认的属性iterable}
解决办法：
使用Object.keys方法将对象的键名生成一个数组，然后遍历这个数组。
for (let i of Object.keys(obj)) {
console.log(key + ': ' + obj[key]);
}
另一个方法是使用 Generator 函数将对象重新包装一下。
function* entries(obj) {
for (let key of Object.keys(obj)) {
yield [key, obj[key]];}
}
for (let [key, value] of entries(obj)) {
console.log(key, '->', value);
}
// a -> 1
// b -> 2
// c -> 3