区别

（1）传统for循环：语法不够简洁

（2）ES5 forEach循环：不能正确响应break，continue，return

（3）for…in循环：为普通对象设计，不适于遍历数组

可遍历对象

实现了[Symbol.Interator]方法的对象，例如数组，绝大多数类数组（NodeList对象），字符串（正确识别 32 位 UTF-16 字符），Map，Set。普通对象不能通过for…of遍历

深入理解

for…of循环首先调用集合的[Symbol.Interator]（）方法，紧接着返回一个迭代器对象。迭代器对象可以是任意具有.next()方法的对象，for…of将循环调用这个方法，每个循环调用一次。

var $iterator=obj[Symbol.Iterator]();
var $result=$iterator.next();
while(!$result.done){
    var v=$result.value;
    //some Operation
    $result=$iterator.next();
}

注意

（1）迭代器对象.next()方法返回的对象包含两个属性：value（值）,done（是否遍历结束）

（2）迭代器对象可选的return()（异常，break，return均可触发）方法，throw(exc)（for…of循环永远不会调用）方法

其他

什么是类数组对象？ 具有.length属性且元素可以通过Object[index]访问的对象

 

版权声明：本文为goOtter原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/goOtter/p/9600603.html