for

    下面是for迴圈的語法：

for(語句1;語句2;語句3){
    被執行的程式碼塊
}

• 語句1：在迴圈（程式碼塊）開始前執行，通常用來初始化迴圈中的變數（任意個）。
• 語句2：定義執行迴圈（程式碼塊）的條件，用來評估初始變數的條件，如果語句 2 返回 true，則迴圈再次開始，如果返回 false，則迴圈將結束。
• 語句3：在迴圈（程式碼塊）已被執行之後執行，用來增加初始變數的值。

    這三個語句都是可選的。
    以 jquery中.unwrap()的原始碼分析作為案例（非官方分析，編寫的小demo罷了）

 function unwrap(element)
 
 {
        var parentElement = element.parentNode;
        var children = parentElement.children;
        for (; children.length; ) {
         parentElement.parentNode.insertBefore(children[0], parentElement);
         }
         parentElement.parentNode.removeChild(parentElement);

        }

    在上述程式碼中，需要將要去除元素的父元素。做法是將element的子元素用for迴圈挨個插入到element的父級元素之前，迴圈完成後就將element的父元素刪除。在迴圈中，不需要初始化迴圈中的變數和改變迴圈變數的值，因為在不斷的insertBefore操作中，迴圈條件在不斷改變。

    檢視程式碼的執行，可以清楚地知道for迴圈實際上是遍歷下標來指向值。因此它更適用於操作迴圈次數已知且具有數字下標的資料。

(for…in…)

   for(var s in obj){//obj為物件
     console.log(s,obj[s]);//打印出obj內的屬性名和屬性值  
   }

    (for…in…)的特徵總結如下:
- (for…in…)用來迴圈物件的所有屬性，其實準確的來說，是迴圈物件的可列舉屬性;
- 如果想要獲取到迴圈物件的屬性值，則需要手動再獲取（如obj[s]），而且物件的屬性不一定包含值，它們可能是具備getter/setter的訪問描述符;
- (for…in…)可以訪問到物件原型鏈上的資料；
- (for…in…)是為普通物件設計的，你可以遍歷得到字串型別的鍵

    所以為什麼不推薦使用(for…in)來遍歷陣列呢？原因就在於這種列舉不僅會包含所有數值索引還會包含所有可列舉屬性，在某些情況下，可能按照隨機順序遍歷陣列元素。

Array.forEach( )

array.forEach(function(currentValue,index,arr){},thisValue);

• forEach為es6新增的輔助迭代器，作用是對呼叫者的元素進行遍歷並進行相關操作；
• 僅能被陣列或者使用document.querySelectorAll獲取到的類陣列進行呼叫；
• 第一個引數為回撥函式，其接收的引數依次為當前元素（必填），當前元素的索引值（可選），當前物件所屬的陣列物件；第二個引數可以限定回撥函式內this的指向；
• 在回撥函式內部無法使用break來跳出迴圈，也不能使用return來返回外層函式

    由它的特性可以推斷出forEach的實現程式碼如下：

 Array.prototype.forEach = function(callback, context) {
            for (var i=0; i<this.length; i++) {
                callback.call(context, this[i], i);
            }
        };

(for … of …)

    先說下(for…of…)的作用，它與（for…in…)不同，它是用來遍歷資料，如物件裡的屬性值。

    而說到(for…of…)就必須提到迭代協議和迭代器。因為不是所有的物件都可以被for…of的，只有實現了迭代器（迭代協議）的物件才可以for…of 。
for..of會尋找內建的或者自定義的@@iterator物件並呼叫它的next()。具體流程如下：
1. 首先呼叫(for…of…)的物件的屬性裡必須有一個函式，它的函式名必須為Symbol.iterator；
2. 該函式的返回值必須為一個物件，且物件內包含一個next()函式；
3. next()函式也必須有一個返回值，返回值型別也為一個物件。其包含兩個屬性：done和value。
4. 程式會根據該物件的done來處理後續行為，如果done為false，則把該物件的value賦值給of前面的變數。否則就會繼續呼叫next，直至done為true再終止。

    由它的特性可以推斷出(for…of…)的實現程式碼如下:

 obj[Symbol.iterator] = function() {
        let keys = Object.keys(obj);
        var n = keys.length;
        var i = 0;
        return {
            next() {
                if (i < n) {
                    let key = keys[i];
                    i++;
                    return {done: false, value: { obj[key]}
                } else {
                    return {done: true}
                }
            }
        }
    };

    我們可以來分析下它與其他迴圈的不同：
1. 與forEach()不同的是，(for…of…)可以正確響應break、continue和return語句;
2. 與(for..in…)相比，除了能夠快速的得到屬性值外，它還避開了（for…in…)所有的缺陷；
3. (for..of…)迴圈不僅支援陣列，還支援大多數類陣列物件，例如DOM NodeList物件；
4. (for..of…)迴圈也支援字串遍歷，它將字串視為一系列的Unicode字元來進行遍歷；