js陣列遍歷和物件遍歷

2021-08-19 18:55:07 字數 909 閱讀 3451

1.普通for迴圈

var arr = [1,2,3,4,5,6];

for(var i=0;i

length;i++)

2.優化版for迴圈:使用變數,將長度快取起來,避免重複獲取長度,陣列很大時優化效果明顯
for(var j = 0;len = arr.

length;j

j++)

3.foreach,es5推出的,陣列自帶的迴圈,主要功能是遍歷陣列,實際效能比for還弱
arr.foreach(function

(value,i))

foreach方法有乙個小缺陷,不能使用break語句中斷迴圈,也不能使用return語句返回到外層函式.

4.map遍歷,用法與foreach相似

arr.map(function

(value,index))

map遍歷支援使用return語句,支援return返回值

var temp = arr.map(function(val,index))

console.log(temp);

以上兩種方法,在ie9+支援

5.for-of遍歷 es6新增功能

for(let i of arr)
for-of避開了for-in迴圈的所有缺陷,也可以正確響應break,continue和return語句;同時支援物件和字串遍歷.

1.for-in遍歷

是為遍歷物件而設計的,不適用於遍歷陣列

遍歷陣列的缺點,陣列的下標index值是數字,for-in遍歷的index值」0」,」1」,」2」等是字串

for(var index in arr)

js陣列遍歷和物件遍歷

針對js各種遍歷作乙個總結分析,從型別用處 分陣列遍歷和物件遍歷 還有效能,優缺點等。1,普通for迴圈,經常用的陣列遍歷 var arr 1,2,0,3,9 for var i 0 i 2,優化版for迴圈 使用變數,將長度快取起來,避免重複獲取長度,陣列很大時優化效果明顯 for var j 0...

js陣列遍歷和物件遍歷

針對js各種遍歷作乙個總結分析,從型別用處 分陣列遍歷和物件遍歷 還有效能,優缺點等。js陣列遍歷 1,普通for迴圈,經常用的陣列遍歷 var arr 1,2,0,3,9 for var i 0 i 2,優化版for迴圈 使用變數,將長度快取起來,避免重複獲取長度,陣列很大時優化效果明顯 for ...

js陣列遍歷和物件遍歷

針對js各種遍歷作乙個總結分析,從型別用處 分陣列遍歷和物件遍歷 還有效能,優缺點等。1,普通for迴圈,經常用的陣列遍歷 var arr 1,2,0,3,9 for var i 0 i 2,優化版for迴圈 使用變數,將長度快取起來,避免重複獲取長度,陣列很大時優化效果明顯 for var j 0...