一、幾種遍歷的用法：
1、一般的遍歷數組的方法:
普通的for循環
var array = [1,2,3,4,5,6,7];
for (var i = 0; i < array.length; i++) {
console.log(i,array[i]);
}
優化版for循環
使用變量，將長度緩存起來，避免重復獲取長度，數組很大時優化效果明顯
for(var j = 0,len = arr.length; j < len; j++){
console.log(arr[j]);
}
2、forEach，得到的是元素，只能用於數組，使用foreach遍歷數組的話，使用break不能中斷循環，使用return也不能返回到外層函數。
var array = [1,2,3,4,5,6,7];
array.forEach(e=>{
console.log(e);
});
array.forEach(function(e){
console.log(e);
});
3.1、用for in的方遍歷數組，得到的是索引
var array = [1,2,3,4,5,6,7];
for(let index in array) {
console.log(index,array[index]);
};
3.2、用for in不僅可以對數組,也可以對enumerable對象操作!得到的是索引
var table = {
a : 10,
b : true,
c : "jadeshu"
};
for(let index in table) {
console.log(index, table[index]);
}
1.index索引為字符串型數字，不能直接進行幾何運算
2.遍歷順序有可能不是按照實際數組的內部順序
3.使用for in會遍歷數組所有的可枚舉屬性，包括原型。例如上栗的原型方法method和name屬性，所以for in更適合遍歷對象，不要使用for in遍歷數組。
那么除了使用for循環，如何更簡單的正確的遍歷數組達到我們的期望呢（即不遍歷method和name），ES6中的for of更勝一籌
4、在ES6中,增加了一個for of循環，得到的是元素,不能對象用
var array = [1,2,3,4,5,6,7];
for(let ele of array) {
console.log(ele);
};
var str = "helloabc";
for(let ele of str) {
console.log(ele);
}
總結：
for in遍歷的是數組的索引（即鍵名），而for of遍歷的是數組元素值。
for..of適用遍歷數/數組對象/字符串/map/set等擁有迭代器對象的集合.但是不能遍歷對象,因為沒有迭代器對象.與forEach()不同的是，它可以正確響應break、continue和return語句
for-of循環不支持普通對象，但如果你想迭代一個對象的屬性，你可以用for-in循環（這也是它的本職工作）或內建的Object.keys()方法：
for (var key of Object.keys(someObject)) {
console.log(key + ": " + someObject[key]);
}
遍歷map對象時適合用解構,例如;
for (var [key, value] of phoneBookMap) {
console.log(key + "'s phone number is: " + value);
}
當你為對象添加myObject.toString()方法后，就可以將對象轉化為字符串，同樣地，當你向任意對象添加myObjectSymbol.iterator方法，就可以遍歷這個對象了。
舉個例子，假設你正在使用jQuery，盡管你非常鍾情於里面的.each()方法，但你還是想讓jQuery對象也支持for-of循環，你可以這樣做：
jQuery.prototype[Symbol.iterator] = Array.prototype[Symbol.iterator];
所有擁有Symbol.iterator的對象被稱為可迭代的。在接下來的文章中你會發現，可迭代對象的概念幾乎貫穿於整門語言之中，不僅是for-of循環，還有Map和Set構造函數、解構賦值，以及新的展開操作符。
for...of的步驟
or-of循環首先調用集合的Symbol.iterator方法，緊接着返回一個新的迭代器對象。迭代器對象可以是任意具有.next()方法的對象；for-of循環將重復調用這個方法，每次循環調用一次。舉個例子，這段代碼是我能想出來的最簡單的迭代器：
var zeroesForeverIterator = {
[Symbol.iterator]: function () {
return this;
},
next: function () {
return {done: false, value: 0};
}
};
二、性能比較
從性能上看：for循環 > for-of > forEach > for-in
