每天3分钟，重学ES6-ES12(十二)不常用但却常问的迭代器

// 创建一个迭代器对象来访问数组
const iterableObj = { names: ['1','2','3'], //[]可计算属性 [Symbol.iterator]:function (){ let index = 0 return { next: ()=>{ if(index

原生可迭代器对象

• 事实上我们平时创建的很多原生对象已经实现了可迭代协议，会生成一个迭代器对象的:* String、Array、Map、Set、arguments对象、NodeList集合;* for of 方法直接遍历* 都有[Symbol.iterator]属性可迭代对象的应用

• for of 扩展操作符 数组的解构* 创建一些其他对象new Map([Iterable])、new WeakMap([iterable])、new Set([iterable])、new WeakSet([iterable]);* Promise.all(iterableObj) 接受一个可迭代对象自定义类的迭代
  =======

创建一个classroom的类

• 教室中有自己的位置、名称、当前教室的学生;
• 这个教室可以进来新学生(push);
• 创建的教室对象是可迭代对象;

代码演示

// 案例: 创建一个教室类, 创建出来的对象都是可迭代对象
class Classroom {constructor(address, name, students) {this.address = addressthis.name = namethis.students = students}entry(newStudent) {this.students.push(newStudent)}[Symbol.iterator]() {let index = 0return {next: () => {if (index < this.students.length) {return { done: false, value: this.students[index++] }} else {return { done: true, value: undefined }}},return: () => {console.log("迭代器提前终止了~")return { done: true, value: undefined }}}}
}

const classroom = new Classroom("3幢5楼205", "计算机教室", ["james", "kobe", "curry", "why"])
classroom.entry("lilei")

for (const stu of classroom) {console.log(stu)if (stu === "why") break
}
// kobe
// curry
// why
// 迭代器提前终止了~ 

迭代器的中断

• 迭代器在某些情况下会在没有完全迭代的情况下中断:* 比如遍历的过程中通过break、continue、return、throw中断了循环操作;* 比如在解构的时候，没有解构所有的值;* 那么这个时候我们想要监听中断的话，可以添加return方法

总结

今天介绍了迭代器 可迭代对象 明天继续介绍生成器，生成器函数