JS陣列遍歷的幾種方式

2022-08-13 05:54:16 字數 1167 閱讀 7732

1、for()

2、for..in.

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

for(var key in arr)

//會跳過稀疏散組

3、for..of

for(var val of arr)

4、foreach

arr.foreach(function(item, index, arr))

//沒有返回值, **函式裡依次對應為:陣列元素,陣列下標,原陣列

//有多少元素就會執行多少次**函式 回跳過稀疏陣列

5、filter

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

var newarr = arr.filter(function(item, index))

//有返回值,得到新陣列newarr = [3,4]

6、every

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

arr.every(function(item, index))

//返回true或false

7、some

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

arr.some(function(item, index))

//返回true或false

8、reduce

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

var num = arr.reduce(function(previousval, currentval),2)

console.log(num)  //返回從2+1+2+3+4=12

9、find

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

var num = arr.find(function(item, index))

console.log(num) //返回符合條件的第乙個元素 3

10、map

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

var newarr = arr.map(function(item, index))

JS 陣列和物件的遍歷方式,以及幾種方式的比較。

通常我們會用迴圈的方式來遍歷陣列。但是迴圈是 導致js 效能問題的原因之一。一般我們會採用下幾種方式來進行陣列的遍歷 方式1 for in迴圈 var arr 1,2,3,4,5 var obj for var item in arr obj 這裡的 item 方式2 for 迴圈 for var ...

JS遍歷物件屬性的幾種方式

es6中 一共有 5 種方法可以遍歷物件的屬性。for.in for in 迴圈遍歷物件自身的和繼承的可列舉屬性 不含 symbol 屬性 object.keys 返回乙個陣列,包括物件自身的 不含繼承的 所有可列舉屬性 不含 symbol 屬性 的鍵名。陣列中屬性名的排列順序和使用 for.in ...

js 迴圈遍歷物件的幾種方式

1.v for迴圈 陣列 item index 物件 value key index 2.物件方法獲取key,value陣列 console.log object.keys obj console.log object.values obj 3.for in迴圈物件 object.prototype...