您現在的位置是:首頁 > 攝影首頁攝影

JS遍歷陣列和物件的幾種常用方法

由 每天一點小知識小情緒 發表于 攝影2023-01-09
簡介log(i, index)})3,while迴圈 while用通常用來迴圈陣列const carArray = [‘BMW’, ‘Volvo’, ‘Saab’, ‘Ford’]var i = 0while (carArray[i]) {

如何遍歷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

}

JS遍歷陣列和物件的幾種常用方法