for、forEach、for-in與for-of的區別

let arr=[1,2,3,4,5]; arr.b='100';

for

for(let i=0;i<arr.length;i++){ console.log(arr[i]); }

for是編程式

forEach

arr.forEach(function(i){ console.log(item); });

forEach是聲明式（不關心如何實現），沒辦法使用 break 語句跳出循環，或者使用return從函數體內返回。

for in

for(let key in arr){ console.log(key); }

1. key會變成字符串(String)類型。
2. 包括數組的私有屬性也可以打印出來，即循環不僅會遍歷數組元素，還會遍歷任意其他自定義添加的屬性，如，arr上面包含自定義屬性，arr.b，那這次循環中也會出現此b屬性。
3. 某些情況下，上述代碼會以隨機順序循環數組。

for of

for(let val of arr){ console.log(val); }

支持return，並且是值of數組（不能遍歷對象） 
1. 可以避免所有 for-in 循環的陷阱 
2. 不同於 forEach()，可以使用 break, continue 和 return 
3. for-of 循環不僅僅支持數組的遍歷。同樣適用於很多類似數組的對象 
4. 它也支持字符串的遍歷 
5. for-of 並不適用於處理原有的原生對象