這篇文章主要介紹了關於foreach, for in, for of 之間的異同,有著一定的參考價值,現在分享給大家,有需要的朋友可以參考一下
forEach() 方法用於呼叫數組的每個元素,並將元素傳遞給回調函數。
注意: forEach() 對於空數組是不會執行回呼函數的。
範例程式碼:
1 var arr = [4, 9, 16, 25]; 2 arr.forEach(function(value, index) { 3 console.log(index+': '+value+'\n'); 4 });
#結果如下:
for/in 語句用於循環物件屬性。
迴圈中的程式碼每執行一次,就會對陣列的元素或物件的屬性進行一次操作。
範例程式碼:
1 var person = { 2 name: 'jack', 3 age: 18, 4 gender: 'male' 5 }; 6 for(key in person) { 7 console.log(key+': '+person[key]+'\n'); 8 }
#結果如下:
需要注意的是,如果使用for in語句遍歷數組,可能會出現以下問題:
1. 索引為字串類型,不能直接進行幾何運算。
2. 遍歷順序有可能不是依照實際陣列的內部順序。
3. 使用for in會遍歷陣列所有的可枚舉屬性,包括原型。
如下圖:
1 var arr = [12, 43, 19]; 2 Array.prototype.index = 110;//这里的原型属性也会被打印出来 3 for(var index in arr) { 4 console.log(index+': '+arr[index]+'\n'); 5 }
#執行結果:
for of語句和for in 語句相比使用更方便,它是ES6新提出的遍歷數組的方式,
##具體使用:
1 var arr = [12, 43, 19]; 2 Array.prototype.index = 110;//此原型属性不会被打印出来 3 for(var value of arr) { 4 console.log(value+'\n'); 5 }
結果如下:
綜述:foreach更多的用來遍歷數組,但使用比較複雜;for in 一般常用來遍歷
物件;for of 用來遍歷數組非常方便且比較安全。 以上就是本文的全部內容,希望對大家的學習有所幫助,更多相關內容請關注PHP中文網! 相關推薦:JS非同步程式設計之Promise、Generator、async/await
#
以上是foreach, for in, for of 之間的異同的詳細內容。更多資訊請關注PHP中文網其他相關文章!