迭代器

• 是一种接口,为各种不同的数据结构提供一个统一的访问机制,任何数据结构只要部署iterator接口,就可以完成遍历操作

for of 循环

• es6中创建了一种 for of 循环,这个接口主要提供给for of 使用

• 声明一个数组

  const xx = ['lmk', 'kml', 'kkk'];

• 使用 for of 遍历

  for (let v of xx) {
      console.log(v);
  }
  // 遍历的是数组的值,而不是索引号
  // 和 for in 的区别是 for in 是 v 是保存的是键名  for of 是保存的值
  

迭代器的工作原理

• 创建一个指针对象,指向当前数据结构的起始位置

  let iterator = xx[Symbol.iterator]();
  console.log(iterator); //里面有个next方法
  // 迭代器就是 Symbol数据结构里的,iterator方法

• 第一次调用对象的next方法,指针自动指向数据结构的第一个成员

  console.log(iterator.next()); // 调用对象的next方法 // 返回的value是lmk done返回 false
  // 这里的值 是根据上面的数组来定的

• 接下来不断调用 next方法,指针一直在向后移动,直到指向最后一个成员

  console.log(iterator.next()); // 调用对象的next方法 // 返回的value是kml done返回 false
  console.log(iterator.next()); // 调用对象的next方法 // 返回的value是kkk done返回 false
  console.log(iterator.next()); // 调用对象的next方法 // 返回的value是空 done返回 true
  // 返回true后就停止循环
  // 每调用 next方法返回一个包含value和done属性的对象

手动实现迭代器

• 迭代器的作用就是能够自定义遍历数据
• 声明一个对象

  const banji = {
      name: '终极一班',
      stus: ['1', '2', '3', '4'],
      // 给这个对象添加 iterator接口
      [Symbol.iterator]() {
          // 声明索引变量
          let index = 0;
          let that = this
          return {
              next: function() {
                  if (index < that.stus.length) {
                      const result = {
                          value: that.stus[index],
                          done: false
                      };
                      // 下标自增
                      index++;
                      return result
                  } else {
                      return {
                          value: undefined,
                          done: true
                      }
                  }
  
              }
          }
      }
  }

• 遍历这个对象 (用for of 遍历)

  // 遍历这个对象 用 for of遍历
  for (let v of banji) {
      console.log(v);
  
  }
  // 结果是 1 2 3 4