for和for in
for … in循环由于历史遗留问题，它遍历的实际上是对象的属性名称。一个Array数组实际上也是一个对象，它的每个元素的索引被视为一个属性。
当我们手动给Array对象添加了额外的属性后，for … in循环将带来意想不到的意外效果：
var a = ['A','B','C'];
a.name ='Hello';
for(var i in a) { console.log(i);//0','1','2','name'}
而for循环去识别不了
for (var i = 0; i < a.length; i++) {
console.log(i)// 0,1,2
console.log(a.length) //3
}
for … in循环将把name包括在内，但Array的length属性却不包括在内。
for of循环
for … of循环则完全修复了这些问题，它只循环集合本身的元素：
var a = ['A','B','C'];
a.name ='Hello';
for(var i of a ) { alert(i);//'A','B','C'
}
这就是为什么要引入新的for … of循环。
然而，更好的方式是直接使用iterable内置的forEach方法，它接收一个函数，每次迭代就自动回调该函数。以Array为例：
var a = ['A','B','C'];
a.forEach(function(element, index, array){// element: 指向当前元素的值
// index: 指向当前索引// array: 指向Array对象本身alert(element)
});
注意，forEach()方法是ES5.1标准引入的，你需要测试浏览器是否支持。
总结
for循环可一遍历数组，而for in循环可以遍历数组和对象
使用for in循环会将Array当成对象遍历，而Array的存取速度明显比Object要快。所以使用for循环遍历数组比for in循环遍历快。
for循环遍历的是索引数组，通过索引来调用，i的返回值是number类型
而for in循环遍历的是关联数组，通过key来调用，i的返回值是string类型
这两者的具体用途 得看你用他的环境是什么.不能一概而论.
索引数组:仅仅用于存储数据. 优势在于迭代方便
关联数组:用于存放对应的数据格式, 优势在于 可以很方便 特定key对应的value 缺点:迭代麻烦
