1. 程式人生 > >foreach、for、for in迴圈方式

foreach、for、for in迴圈方式

$(function(){
var data1 =
[
{
id:'126652',
no: '1',
longitude: '103.94292',
latitude: '30.620123',
distance:'253'
}, {
id:'122855',
no: '2',
longitude: '103.94292',
latitude: '30.620123',
distance:'258.25'
}, {
id:'1285569',
no: '3',
longitude: '103.94292',
latitude: '30.620123',
distance:'253'
}, {
id:'1222555',
no: '4',
longitude: '103.94292',
latitude: '30.620123',
distance:'253'
}]

//遍歷陣列而設計
data1.forEach(function (val,index,arr) {
console.log(val) //{id: "126652", no: "1", longitude: "103.94292", latitude: "30.620123", distance: "253"}
console.log(val.no);//1 2 3 4
console.log(index);//0 1 2 3
console.log(arr);//整個陣列
})
var data2 = {a:'1',b:'2',c:'3',d:'4'}
//迴圈物件而設計
for(let i in data2){
console.log(i)//a b c d
console.log(data2[i])//1 2 3 4
}
var data3 = [1,2,3,4]
//最原始遍歷方式
for(var i=0;i<data3.length;i++){
console.log(data3[i])//1 2 3 4
}
})