理解foreach, for in, for of 之間的異同
我所lforEach() 方法用於調用數組的每個元素,並將元素傳遞給回調函數。
注意: forEach() 對於空數組是不會執行回調函數的。
示例代碼:
var arr = [4, 9, 16, 25];
arr.forEach(function(value, index) {
console.log(index+": "+value+"
");
});
結果如下:
打開今日頭條,查看更多精彩圖片for/in 語句用於循環對象屬性。
循環中的代碼每執行一次,就會對數組的元素或者對象的屬性進行一次操作。
示例代碼:
var person = {
name: "jack",
age: 18,
gender: "male"
};
for(key in person) {
console.log(key+": "+person[key]+"
");
}
結果如下:
需要注意的是,如果使用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]+"
");
}
運行結果:
for of語句和for in 語句相比使用更方便,它是ES6新提出的遍曆數組的方式,
具體使用:
var arr = [12, 43, 19];
Array.prototype.index = 110;//此原型屬性不會被列印出來
for(var value of arr) {
console.log(value+"
");
}
結果如下:
綜述:foreach更多的用來遍曆數組,但使用比較複雜;for in 一般常用來遍歷
對象;for of 用來遍曆數組非常方便且比較安全。
如果覺得寫的不錯,可以點個小小的贊或者關注我,如果有哪裡寫得不好,歡迎大家指出、
TAG:程序員小新人學習 |