先看一段代碼
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script> // 一個普通的數組 var arr =[3,5,2,6]; // 普通的for 循環遍歷 for(var i = 0 ; i < arr.length; i++){ console.log(i,"類型："+typeof i,arr[i]); } // 用for in 遍歷數組 for(var k in arr){ console.log(k,"類型："+typeof k,arr[k]); } </script></body></html>這段代碼顯示出了 一點 for循環遍歷數組 和for in 循環遍歷 數組的一點區別：
標準的for循環中的i是number類型,表示的是數組的下標,但是foreach循環中的i表示的是數組的key是string類型。
這還不是坑，只是一點區別。
再看一段代碼
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script> // 一個普通的數組 var arr =[3,5,2,6]; // 在數組原型上擴展一個方法 Array.prototype.extend = function(){ console.log("在數組原型擴展一個方法"); } // 普通的for 循環遍歷 for(var i = 0 ; i < arr.length; i++){ console.log(i,"類型："+typeof i,arr[i]); } // 用for in 遍歷數組 for(var k in arr){ console.log(k,"類型："+typeof k,arr[k]); } </script></body></html>這段代碼就是在上邊的代碼的基礎上，為Array做了一下擴充。很簡單，只是添加了一個函數。但是我們來看運行會出現了什么情況：
輸出的結果中，多出了一行，這一行就是我們擴展的一個函數，不是我們定義在數組中的值。到此這個問題就出來了。
綜上所述，用for...in...在通常情況下確實可以正確運行。
但是如果我們在項目采用的是用foreach遍歷數組，假設有一天誰不小心自己為了擴展js原生的Array類，或者引入一個外部的js框架也擴展了原生Array。那問題就來了。
所以最好還是用for循環遍歷數組
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。
新聞熱點
疑難解答
