自定义迭代器不适用于数组对象

Question

var array = [1, 2, 3, 4, 6, 6, 6, 6, 6];
array[Symbol.iterator] = (function() {
  var current = 0;
  console.log('executed')
  var iterator = {
    next: function() {
      var iteratorObject = {
        done: "undefined",
        value: false
      };
      //returns the next item in the sequence
      if (current != this.length) {

        iteratorObject.done = this[current];
        current++;

        //return false
        return iteratorObject;
      } else if (current === this.length) {
        //finished
        //return true
        iteratorObject.done = "undefined";
        iteratorObject.value = true;
        return iteratorObject;


      } else {
        console.log('something broke!')
      }

    }
  }
  return iterator;
})();   

在上面的代码中，我正在为我创建的数组对象编写一个自定义迭代器。但是，它一直使用内置的 Symbol.iterator 作为数组，为什么会这样呢？

这是我尝试运行自定义迭代器时的输出

您可以告诉它运行内置迭代器而不是我制作的自定义迭代器？

Answer 1

这就是你出错的地方

1. 您认为您没有覆盖 array.[Symbol.iterator] - 您的 console.log 证明您确实拥有
2. for(i of array) 抛出错误 Uncaught TypeError: array is not iterable 因为你的代码错误
3. 您还交换了 done 和 value 在 next() 返回的含义
4. 完成后，value 应该是值 undefined 而不是字符串 "undefined"
5. array[Symbol.iterator] 需要是一个函数 - 但您已将其设置为 Object - 因为最终的 ()

解决所有问题，你得到

var array = [1, 2, 3, 4, 6, 6, 6, 6, 6];
array[Symbol.iterator] = function() {
    let current = 0;
    return {
        next: () => {
            if (current != this.length) {
                return { value: this[current++], done:false };
            } else if (current === this.length) {
                return {value:undefined, done:true};
            } else {
                console.log('something broke!')
            }

        }
    };
};
for(let i of array) {
    console.log(i);
}