首页 > 文章列表 > javascript中for...of循环的原理

javascript中for...of循环的原理

JavaScript for...of
364 2022-08-06

1、调用对象的[Symbol.iterator]方法得到迭代器,并调用其next方法。

2、循环判断迭代是否结束,否则取出结果的value属性值。

并执行我们写在for...of内部的代码。

实例

// 比如:
for(const item of obj) {
    console.log(item) // 遍历打印每一项
}
 
// 大概原理:
const iterator = obj[Symbol.iterator]() // 得到迭代器
let result = iterator.next()
while (!result.done) {
    const item = result.value
    
    console.log(item) // 我们写的打印每一项的代码
    
    result = iterator.next()
}

推荐操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。