循環大法——一次性理清forEach/for-in/for/$each

國壽的這個項目寫得我基礎都忘完了 近期會把vue和基礎都並行複習、學習

 

forEach

　　適用於調用數組的每一個元素，並將元素傳遞給回調函數，可是空數組是不會執行回調函數的。forEach適用於集合中的對象遍歷，適用於簡單的遍歷，且forEach使用的時候回鎖定集合的對象，期間不能進行修改。

　　　

語法：

    arr.forEach(function(ele,i,index){
        
    })    

　　　ele 必須 指的是當前循環的元素，相似於for循環裏的i

　　　i 可選 當前元素索引值

　　　index 可選 當前元素所屬的數組對象

　　　爲了加深印象，來看一下實際輸出結果：

ele輸出位數組裏的每一個元素

i輸出位數字內元素索引值

index輸出位整個當前數組

 

---

 

實例：

求一個數組總和

　　

<button onclick = "arr.forEach(myFun)">click</button>
<p>數組元素總和：<span id="demo"></span></p>

<script>
    var arr = [1,2,5,888];
    var sum = 0;
    var demo = document.getElementById("demo");
    function myFun(item){
        console.log(item);
        sum += item;
        demo.innerHTML = sum;
    }


</script>

 

實現效果：

 

---

 

使用場景：

　　forEach相對於for循環，代碼減小了，可是forEach效率是低於for循環的，在處理不肯定循環次數的時候，或者循環次數須要計算的狀況下，使用forEach比較方便

 

 

$.each

　　each() 方法爲每一個匹配元素規定要運行的函數。

　　語法：

$(selector).each(function(index,element))

或

$.each(ele,function (index,i){
})

• index - 選擇器的 index 位置。
• element - 當前的元素（也可以使用 "this" 選擇器）。

我通常用下面的寫法，ele是當前要循環的數組，index是索引