js的forEach,for in , for of

forEach遍歷數組

[].forEach(function(value, index, array) { // ... });

例子

var myArry =[1,2,3,4];
myArry.desc ='four';
myArry.forEach((value,index,arr)=>{
  console.log(value);
 
});
//1
//2
//3
//4

forEach遍歷數組，而不是遍歷對象哦，而且在遍歷的過程中不能被終止,必須每一個值遍歷一遍后才能停下來

注意其與jQuery的$.each類似，只不過參數正好是相反的

$.each([], function(index, value, array) { // ... });

$.each遍歷數組或者類數組

第1個和第2個參數正好是相反的，這里要注意了，不要記錯了。

for in遍歷對象

循環遍歷對象的key，是鍵值對前面的那一個哦 

一般不推薦遍歷數組，因為for in遍歷后的不能保證順序，而且原型鏈上的屬性也會被遍歷到，因此一般常用來遍歷非數組的對象並且使用hasOwnProperty()方法去過濾掉原型鏈上的屬性

var myArry =[1,2,3,4];
myArry.desc ='four';
 for(var value in myArry){ //循環key
  console.log(value)
}

//"0"
//"1"
//"2"
//"3"
//"desc" 注意這里添加上去的屬性也被遍歷出來了

 

for of遍歷對象

循環遍歷對象的值，是遍歷鍵值對后面的那一個value哦 ，與for in遍歷key相反

var myArry =[1,2,3,4];
myArry.desc ='four';
for(var value of myArry){
  console.log(value)
}
//1
//2
//3
//4

• 這是最簡潔、最直接的遍歷數組元素的語法
• 這個方法避開了for-in循環的所有缺陷
• 與forEach()不同的是，它可以正確響應break、continue和return語句