迭代器与迭代规则

常见的循环方法有，for、map()、forEach()、filter()，for in ,for of,
find(),findindex(),every(),some(),reduce()等等，可以发现，每个方法都有自己的规则，
比如返回值什么的。
那么，我们可以通过迭代器，去自定义循环规则，通过迭代器，返回自己想要的结果。

for of  迭代规则
//我们都知道for of 不能遍历对象 那为什么不能遍历呢？
//是因为我们的默认迭代规则不允许，那我们就可以自定义for of 的迭代规则
let obj = {
     x:10,
     y:20
}
for(objItem of obj){
      console.log(objItem)
}
//遍历对象的时候，会报一个错误：“Uncaught TypeError: obj is not iterable” ，意思就是obj对象是一个不可迭代的对象，或者说它没有迭代器。
//怎么办呢？那就给obj添加一个迭代器。
//紧接着，我们要在方法里面去写一下迭代规则，就是说，你想怎么去迭代这对象。
这个方法需要返回一个next方法，next方法里面，又需要返回一个对象，
并且这个对象里面需要有"done"属性，“done”的值为bool类型的值，它相当于一个条件(或者说是开关)，
判断是否需要继续循环，值为true时，跳出循环；值为false继续下一次循环；看个例子：
 obj[Symbol.iterator] = ()=> {
    return {
          next(){
              return {
                  done: false,//判断是否需要继续循环，值为true时，跳出循环；值为false继续下一次循环
　　　　　　　　　　value:2
              }
          }
      }
  }

上面这个例子，第一次循环的时候，返回{done:false,value:2}，打印“2”，第二次、第三次… done的值一直是false，会出现死循环，一直打印“2”，

//解决死循环
obj[Symbol.iterator] = ()=> {
    let keys = Object.keys(obj) //获取对象的key值
    let len = keys.length
    let n = 0
    return {
        next(){
            if (n<len){ //继续循环
                return {
                    done: false,
                    value: obj[keys[n++]] // 每次循环返回的值
				//这里返回对象会跟直观
				/*value:{
					k:keys[n],
					v:obj[keys[n++]]//这里注意为n++不然会出现死循环
				}*/
                }
            } else { // 跳出循环
                return {
                    done: true
                }
            }  
        }
    }
}

//现在就可以循环普通对象啦
for(objItem of obj){
    console.log(objItem) // 依次打印 10  20
}