for in 和for of的區別和理解

1 遍歷陣列通常用for迴圈

es5的話也可以使用foreach，es5具有遍歷陣列功能的還有map、filter、some、every、reduce、reduceright等，只不過他們的返回結果不一樣。但是使用foreach遍歷陣列的話，使用break不能中斷迴圈，使用return也不能返回到外層函式。

array.prototype.method=function()
var myarray=[1,2,4,5,6,7]
myarray.name="陣列"
for (var index in myarray)

2 for in遍歷陣列的毛病

1.index索引為字串型數字，不能直接進行幾何運算

2.遍歷順序有可能不是按照實際陣列的內部順序

3.使用for in會遍歷陣列所有的可列舉屬性，包括原型。例如上栗的原型方法method和name屬性

所以for in更適合遍歷物件，不要使用for in遍歷陣列。

那麼除了使用for迴圈，如何更簡單的正確的遍歷陣列達到我們的期望呢（即不遍歷method和name），es6中的for of更勝一籌.

array.prototype.method=function()
var myarray=[1,2,4,5,6,7]
myarray.name="陣列";
for (var value of myarray)

記住，for in遍歷的是陣列的索引（即鍵名），而for of遍歷的是陣列元素值。

for of遍歷的只是陣列內的元素，而不包括陣列的原型屬性method和索引name

遍歷物件通常用for in來遍歷物件的鍵名

object.prototype.method=function()
var myobject=
for (var key in myobject)

for in 可以遍歷到myobject的原型方法method,如果不想遍歷原型方法和屬性的話，可以在迴圈內部判斷一下,hasownpropery方法可以判斷某屬性是否是該物件的例項屬性

for (var key in myobject) 
}

同樣可以通過es5的object.keys(myobject)獲取物件的例項屬性組成的陣列，不包括原型方法和屬性

object.prototype.method=function()
var myobject=

for (var key of object.keys(someobject))

for (var [key, value] of phonebookmap)

jquery.prototype[symbol.iterator] = array.prototype[symbol.iterator];

所有擁有symbol.iterator的物件被稱為可迭代的。在接下來的文章中你會發現，可迭代物件的概念幾乎貫穿於整門語言之中，不僅是for-of迴圈，還有map和set建構函式、解構賦值，以及新的展開操作符。

var zeroesforeveriterator = ,
next: function () ;
}};