在js中循环遍历的方式有很多, 但是仍然有很多人搞不懂for in和for of的用法,下面加以阐述:

var arr=[{name:'tom'},{name:'lucy'}]
var obj = {name:'tom',age:12}

    1.for in

           多用于对象的遍历,若是用来遍历数组, 则拿到的是数组的索引:

        var arr=[{name:'tom'},{name:'lucy'}]
		var obj = {name:'tom',age:12}
		for(var i in arr){
			console.log(i)
		}

结果如下图所示:

    若是用来遍历对象,拿到的是属性名,

var arr=[{name:'tom'},{name:'lucy'}]
		var obj = {name:'tom',age:12}
		for(var i in obj){
			console.log(i)
		}

结果如下图所示:

    2.for of 

         for of多用于遍历数组,拿到的是数组的每一项:

var arr=[{name:'tom'},{name:'lucy'}]
		var obj = {name:'tom',age:12}
		for(var i of arr){
			console.log(i)
		}

      结果如下图所示:

    若是用来遍历对象,则会报错,因为该对象不可迭代,没有迭代器

    若要知道对象如何拥有迭代器请看下篇!