在 ECMA 2019 标准中，JavaScript 引入了一组新的方法 listIterator（list.next()）。这组方法可以让我们更方便地遍历和操作各种集合类型的数据。
listIterator 的功能
listIterator 可以用于遍历各种集合类型的数据，比如数组、Map、Set 等等。它由一个 next 方法和一个 done 属性组成，每次调用 next 方法都会返回下一个元素的值和一个表示是否遍历完成的标志。
比如，在一个数组中使用 listIterator：
const arr = ['a', 'b', 'c'];
const iterator = arr.entries();
console.log(iterator.next()); // { value: [0, 'a'], done: false }
console.log(iterator.next()); // { value: [1, 'b'], done: false }
console.log(iterator.next()); // { value: [2, 'c'], done: false }
console.log(iterator.next()); // { value: undefined, done: true }上面的例子中，我们使用了数组的 entries 方法，得到了一个可遍历的迭代器对象，然后通过调用 next 方法来遍历数组中的每个元素。
listIterator 的应用
除了遍历集合类型的数据外，listIterator 还可以用于实现自定义的迭代器。比如，我们可以用它来实现一个生成斐波那契数列的迭代器：
// javascriptcn.com 代码示例
function fib() {
let i = 0, j = 1;
return {
next() {
const value = i;
i = j;
j = value + j;
return { value, done: false };
}
};
}
const iterator = fib();
console.log(iterator.next()); // { value: 0, done: false }
console.log(iterator.next()); // { value: 1, done: false }
console.log(iterator.next()); // { value: 1, done: false }
console.log(iterator.next()); // { value: 2, done: false }
console.log(iterator.next()); // { value: 3, done: false }
// ...上面的例子中，我们定义了一个 fib 函数，它返回一个包含 next 方法的对象。在 next 方法中，我们按照斐波那契数列的规则计算下一个值，并返回一个包含该值和 done 属性的对象，表示迭代器是否遍历完成。
listIterator 的限制
由于 listIterator 是一种主动迭代器，即每次需要手动调用 next 方法才能遍历到下一个元素，这也使得它有一些限制。比如，我们不能在 for...of 循环中直接使用它：
const arr = ['a', 'b', 'c'];
const iterator = arr.entries();
for (const value of iterator) {
console.log(value); // TypeError: iterator.next is not a function
}上面的例子中，我们将一个数组的 entries 方法返回的迭代器对象赋值给 iterator，然后使用 for...of 循环遍历该迭代器。由于 listIterator 是主动迭代器，不能直接使用 for...of 循环，所以会报错。
为了解决这个问题，我们可以使用被动迭代器，或者将 listIterator 转化为被动迭代器。比如，将上面的循环改为：
const arr = ['a', 'b', 'c'];
for (const value of arr) {
console.log(value);
}或者将迭代器对象转化为被动迭代器：
const arr = ['a', 'b', 'c'];
const iterator = arr.entries();
for (const value of [...iterator]) {
console.log(value);
}总结
listIterator 是 ECMAScript 2019 标准引入的一组非常实用的方法，可以用于遍历各种集合类型的数据。它由一个 next 方法和一个 done 属性组成，每次调用 next 方法都会返回下一个元素的值和一个表示是否遍历完成的标志。除了遍历集合类型的数据外，listIterator 还可以用于实现自定义的迭代器。但是需要注意，listIterator 是一种主动迭代器，不能直接使用 for...of 循环，如果需要使用 for...of 循环，则需要将其转化为被动迭代器。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/652faad37d4982a6eb0d9f64