總結js中的迴圈遍歷

定義乙個陣列和物件

const arr = ['a', 'b', 'c', 'd', 'e', 'f'];

const obj =

經常用來遍歷陣列元素

遍歷值為陣列元素索引

for (let i = 0; len = arr.length, i < len; i++)

用來遍歷陣列元素

第乙個引數為陣列元素，第二個引數為陣列元素索引，第三個引數為陣列本身(可選)

沒有返回值

arr.foreach((item, index) => )

用來遍歷陣列元素

第乙個引數為陣列元素，第二個引數為陣列元素索引，第三個引數為陣列本身(可選)

有返回值，返回乙個新陣列

every()，some()，filter()，reduce()，reduceright()不再一一介紹，詳細請看js中array方法有哪些？

let arrdata = arr.map((item, index) => )

console.log(arrdata);    // ["a", "b", "c", "d", "e", "f"]

可迴圈物件和陣列，推薦用於迴圈物件

迴圈值為物件屬性

for (let key in obj) 

}

值為陣列索引

for (let index in arr)

arr.name = '我是自定義的屬性'

for (let index in arr)

可迴圈物件和陣列，推薦用於遍歷陣列

遍歷值為陣列元素

for (let value of arr)

須配合object.keys()一起使用，直接用於迴圈物件會報錯，不推薦使用for...of迴圈物件

迴圈值為物件屬性

for (let value of object.keys(obj))

Js陣列物件迴圈遍歷總結

let treelist treelist res.data.map item item.id map返回item.id treelist res.data.foreach item item.id foreach不返回item.id,只列印 treelist res.data.foreach it...

js迴圈遍歷

方式一 var arr 1,2,3,4,5 for let i 0 i方式一利用for迴圈來遍歷陣列的缺點就是 不夠簡潔。下面介紹乙個寫法更加簡潔的方式。方式二var arr 1,2,3,4,5 arr.foreach function value,index 利用foreach迴圈 量少了很多，寫...

js中物件的遍歷 總結

let obj 1 for in 迴圈for let key in obj for in迴圈遍歷物件自身的和繼承的可列舉屬性，所以我們使用for in迴圈時要使用hasownproperty方法對屬性進行判斷，只遍歷物件自身屬性。所以推薦第二種for in迴圈。for let key in obj ...