您現在的位置是:首頁 > 攝影首頁攝影
JS遍歷陣列和物件的幾種常用方法
如何遍歷js物件
1,for迴圈
用於遍歷陣列結構(最常用的陣列遍歷方式)
let arrList = [a,b,d];
for (let i=0; i console。log(arrList[i],i); } 2,forEach迴圈 // forEach方法用於呼叫陣列的每個元素,並將元素傳遞給回撥函式,中間不能退出迴圈。對於空陣列不會執行回撥函式。 const numArray = [1, 2, 3] numArray。forEach((i, index) => { console。log(i, index) }) 3,while迴圈 // while用通常用來迴圈陣列 const carArray = [‘BMW’, ‘Volvo’, ‘Saab’, ‘Ford’] var i = 0 while (carArray[i]) { console。log(carArray[i] + ‘——’) i++ } 4,do while迴圈 // do while 和while主要區別在於,它在迴圈開始前先執行一次操作,然後才再進行判斷,true就繼續執行,false就結束迴圈。 let names = 3 do { console。log(names) names—— } while (names > 0) 5,for。。。in迴圈 // for。。。in對陣列或者物件的屬性進行遍,迴圈中的程式碼每執行一次。 const obj = { ‘name’: ‘programmer’, ‘age’: ‘22’, ‘height’: ‘180’ } for (const key in obj) { console。log(key, obj[key]) } 6,map方法 // map返回一個新陣列,陣列中的元素為函式處理後的值。 let arrMap = [1,2,3]; let ttMap = arrMap。map(function(i){ console。log(i) return i*2; }) console。log(ttMap) // [2,4,6] ttMap 7,for。。。of迴圈 // 因為是es6引入到新特性,可以遍歷所有資料結構。 var arrOf = [‘x’, ‘d’, ‘c’, ‘d’] for (const a of arrOf) { console。log(a) // a b c d }