ES6 Iterator for...of

Posted 2021-01-04 gootter

区别

（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]访问的对象