ES6 对象实现 Iterator 接口

我就是我 2022-06-07 09:41 185阅读 0赞

如果是类数组对象，可以直接使用 Array 的 Iterator

let iterable = { 
      0: 'a',
      1: 'b',
      2: 'c',
      length: 3,
      [Symbol.iterator]: Array.prototype[Symbol.iterator]
    };
    for (let item of iterable) { 
      console.log(item); // 'a', 'b', 'c'
    }

注意，普通对象部署数组的Symbol.iterator方法，并无效果。

let iterable = { 
      a: 'a',
      b: 'b',
      c: 'c',
      length: 3,
      [Symbol.iterator]: Array.prototype[Symbol.iterator]
    };
    for (let item of iterable) { 
      console.log(item); // undefined, undefined, undefined
    }

需要使用如下的方式，手动添加 Iterator 方法，简单的代码如下：

另外,添加 Iterator 接口的一种比较常用的方法,是使用Generator函数,示例代码如下:

function* iteratorObject(obj) { 
        let keys = Object.keys(obj);
        for (let key of keys) { 
            yield [key, obj[key]];
        }
    }
    
    let obj = { a: 1, b: 2, c: 3};
    
    for (let [key, value] of iteratorObject(obj)) { 
        console.log(key, value);
    }
    //a 1
    //b 2
    //c 3

普通的对象就算没有实现 Iterator 接口，不能使用 for … of 的情况下，仍然可以使用 for … in 来遍历 key，如下：

let obj = { 
    	a: 1,
    	b: 2,
    	c: 3
    }
    //for (let val of obj) { //出错，不可以使用 for ... of 
    // console.log(val); 
    //}
    
    //但可以使用 for ... in
    for (let key in obj) { 
    	console.log(key + ":" + obj[key]);
    }