關於js中遍歷總結

1.for迴圈

1

var2 arr =;
3for (var i = 0; i < arr.length; i++) ;

js最常用的迴圈必然是for迴圈，最基礎的用法，用於陣列遍歷，但是**書寫過多。

1

var2 arr =;
3 array.prototype.customfunc = function
() ;
4for (var item in
arr) 
13 };

var in的形式遍歷用於遍歷陣列並不理想，這個遍歷方式是遍歷屬性的，特殊情況下是可以使用，使用這種遍歷方式會將陣列本身的屬性也遍歷出來，比如我們在array上擴充套件乙個方法customfunc，此時遍遍歷陣列會將customfunc也遍歷出來達不到預期效果，非要用怎麼辦，加一層判斷利用hasownproperty方法將陣列原型中的屬性扣出去，這樣遍歷就不用擔心前面的問題了。

2.es5遍歷方式

var

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

foreach是es5定義的一種遍歷方式，這個方法用起來很方便，但是弊端是無法使用break，continue，也就是無法跳出一次迴圈，只能用return結束整個函式執行，這點就比較尷尬了，如果有跳出迴圈的邏輯還是用for迴圈吧。效率上for迴圈也高於foreach。

3.es6遍歷方式

1

var2 arr =;
3for (var
item of arr)

es6的for迴圈寫法。這種方式非常好，彌補了for(var in)的弊端，也彌補了foreach的弊端。而且這種遍歷方式還可以對string、object等等進行遍歷。

以上列舉了一下常用的遍歷方式，在這裡mark一下。

總結js中的迴圈遍歷

定義乙個陣列和物件 const arr a b c d e f const obj 經常用來遍歷陣列元素 遍歷值為陣列元素索引for let i 0 len arr.length,i len i 用來遍歷陣列元素 第乙個引數為陣列元素，第二個引數為陣列元素索引，第三個引數為陣列本身 可選 沒有返回值...

js中物件的遍歷 總結

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

js陣列遍歷總結

1.原始方法 for var i 0 i 2.在es5中引入了foreach var arr 1,2,3,4 arr.foreach function value,index,arr 缺點 在foreach使用return會失效，break會報錯 都跳不出迴圈 3.for in 遍歷 只用於遍歷物件...