javascript中for in和for of的用法和区别

javascript中for in和for of的用法和区别

    在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)}

      结果如下图所示:

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

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