for\for each\for in

for循環

其實除了這三種方法之外還有一種最原始的遍歷，自Javascript誕生起就一直用的 就是for循環，它用來遍歷數組

var arr = [1,2,3,4]
for(var i = 0 ; i< arr.length ; i++){
    console.log(arr[i])
}

　　

for/in 語句用於循環對象屬性。

循環中的代碼每執行一次，就會對數組的元素或者對象的屬性進行一次操做。

示例代碼：

var person = {
     name: 'jack',
     age: 18,
     gender: 'male'
 };
 for(key in person) {
     console.log(key+': '+person[key]+'\n');
 }

須要注意的是，若是使用for in語句遍歷數組，可能會出現如下問題：

　　1. 索引爲字符串類型，不能直接進行幾何運算。

　　2. 遍歷順序有可能不是按照實際數組的內部順序。

　　3. 使用for in會遍歷數組全部的可枚舉屬性，包括原型。

 以下所示：

var arr = [12, 43, 19];
 Array.prototype.index = 110;//這裏的原型屬性也會被打印出來
 for(var index in arr) {
     console.log(index+': '+arr[index]+'\n');
}

for of語句和for in 語句相比使用更方便，它是ES6新提出的遍歷數組的方式，

具體使用：

var arr = [12, 43, 19];
 Array.prototype.index = 110;//此原型屬性不會被打印出來
 for(var value of arr) {
     console.log(value+'\n');
}

原文 https://www.cnblogs.com/luoge-Snippet/archive/2018/07/06/9274384.html