for..of默认调用Symbol.iterator和手动调用的结果为什么不一样？

Question

对于原生部署 Iterator 接口的数据结构，不用自己写遍历器生成函数，for...of循环会自动遍历它们。
下面是采用for..of循环：
let values = [1, 2, 3];
for (let num of values) {

console.log(num); // 1 2 3

}
下面是手动创建迭代器，并获取迭代对象
let values = [1, 2, 3];
let iter = values[Symbol.iterator]();
iter.next(); // {value: 1, done: false}
iter.next(); // {value: 2, done: false}
iter.next(); // {value: 3, done: false}
iter.next(); // {value: undefined, done: true}

这两种结果为什么会不一样？for...of最后遍历的并没有输出undefined的结果

Answer 1

因为for ...of在遍历时，当发现输出结果中value为undefined时，表示遍历已经结束了，并且不会输出最后这个节点。