javascript循環

測試對象

var arr = ['1','2','3','4'];
  var obj = {
	"1": 1,
	"2": 2,
	"3": 3,
	"4": 4
  }

for(var i=0;i<arr.length;i++){console.log(arr[i])}

結果爲：

1
2
3
4

for(var i=0;i<obj.length;i++){console.log(obj[i])}

結果爲：啥也沒有

for(let i in arr){ console.log(i)}

結果爲：

0
1
2
3

for(let i in obj){ console.log(i)}

結果爲：

1
2
3
4

JavaScript中的數組遍歷forEach()與map()方法 原理： 高級瀏覽器支持forEach方法 語法：forEach和map都支持2個參數：一個是回調函數（item,index,list）和上下文； forEach:用來遍歷數組中的每一項；這個方法執行是沒有返回值的，對原來數組也沒有影響； 數組中有幾項，那麼傳遞進去的匿名回調函數就須要執行幾回； 每一次執行匿名函數的時候，還給其傳遞了三個參數值：數組中的當前項item,當前項的索引index,原始數組input； 理論上這個方法是沒有返回值的，僅僅是遍歷數組中的每一項，不對原來數組進行修改；可是咱們能夠本身經過數組的索引來修改原來的數組； forEach方法中的this是ary,匿名回調函數中的this默認是window；

var ary = [12,23,24,42,1];
var res = ary.forEach(function (item,index,input) {
     input[index] = item*10;
})
console.log(res);//-->undefined;
console.log(ary);//-->會對原來的數組產生改變；

map:和forEach很是類似，都是用來遍歷數組中的每一項值的，用來遍歷數組中的每一項； 區別：map的回調函數中支持return返回值；return的是啥，至關於把數組中的這一項變爲啥（並不影響原來的數組，只是至關於把原數組克隆一份，把克隆的這一份的數組中的對應項改變了）； 無論是forEach仍是map 都支持第二個參數值，第二個參數的意思是把匿名回調函數中的this進行修改。

var ary = [12,23,24,42,1];
var res = ary.map(function (item,index,input) {
     return item*10;
})
console.log(res);//-->[120,230,240,420,10];
console.log(ary);//-->[12,23,24,42,1]；