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  遍歷【只用於遍歷物件，不適合遍歷陣列】

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

array.proto.name='zhangsan';//陣列原型新增屬性
arr.age=12;//陣列物件新增屬性
var keys=;
for(var key in arr)
/***結果***/
1,2,3,4，'zhangsan',12
//【會把陣列和陣列原型的屬性全部列印出來】
console.log(keys);
/***結果***/
['0','1','2','3'],並不是[0,1,2,3]
//【key是字串不是數值】

4.在es6中引入 for  of  【只要乙個物件實現乙個

乙個迭代器（iterator）方法，就可以通過 for  of 遍歷，例如array,set,map】

//陣列

var arr=[1,2,3,4];
for(var value of arr)

//set集合

var arr=[1,2,3,4,1,2,3,4];
//陣列去重
var set=new set(arr);
=== set
//遍歷set集合
for(var value of set)
/***結果***/
1,2,3,4

總結：在遍歷一般的物件使用for in ;

在遍歷陣列可以使用for()迴圈或者for  of

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遍歷物件和陣列總結

1 使用object.keys 遍歷 返回乙個陣列,包括物件自身的 不含繼承的 所有可列舉屬性 不含symbol屬性 2 使用for.in.遍歷 迴圈遍歷物件自身的和繼承的可列舉屬性 不含symbol屬性 3 使用object.getownpropertynames obj 遍歷 返回乙個陣列,包含...

js陣列遍歷

一 for迴圈類 基礎for迴圈 for let arr for let i 0,len arr.length i len i for in迴圈 for in param key 索引 下標 for var key in arr for in迴圈 for of param item 物件 for l...