1. 程式人生 > >js中幾種較常見的陣列迴圈

js中幾種較常見的陣列迴圈

第一種:for迴圈

var arr = [1,2,3,4,5]

for(var i=0;i<arr.length;i++){

     console.log(arr[i]); //拿到每一個的值

}

第二種:for...in...

var arr = [

     {x1:1},

     {x2:3},

     {x4:5}

]

for(var i=0;i<arr.length;i++){

     for(var key in arr[i]){

          console.log(key)

          console.log(arr[i][key])

     }

}

題外話,遍歷物件基本用for...in...比較多

var json = {

     x1:1,

     x3:5,

     x5:6

}

for(var key in json){

     console.log(json[key])

}

 

第三種:使用foreach

var arr = [1,2,3,4,5]

arr.forEach(function(item,index){

     console.log(item,index); //拿到的是每一個的值和下標

})

 

第四種:map

var arr = [1,2,3,4,5]

arr.map(function(item){

     console.log(item) //每一個值

})

//這是在es6語法使用

第五種:for...of...類似for in

for(let value of arr){

     console.log(value); //列印的是值

}