使用具有非数组迭代器的功能性 for 循环答案

【问题标题】：Using functional for loop with non-Array iterator使用具有非数组迭代器的功能性 for 循环
【发布时间】：2017-11-19 07:41:29
【问题描述】：

假设我们有这个生成器函数（生成器 fn 返回一个迭代器）：

function* foo(){
  yield 1;
  yield 2;
  yield 3;
}

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

我们可以使用for..of 循环遍历迭代器。

我的问题是：有没有办法创建一个函数式 for 循环来像使用数组一样迭代迭代器？

[1,2,3].forEach(function(i){
   // we have our own block scope for each item in the iterable
});

我们最好的选择是这种技术吗？

 for (let i of foo()) {
      (function(i){

      })(i);
 }

看来一定有更简单的方法

【问题讨论】：

【解决方案1】：

[...foo()].forEach 应该是最接近的。

一个更大的问题是为什么 javascript 不为生成器/Iterables 提供类似数组的函数。

【讨论】：

【解决方案2】：

您可以使用Array.from的第二个参数，这是一个类似地图的回调函数：

Array.from(foo(), value => console.log(value));

function* foo(){
  yield 1;
  yield 2;
  yield 3;
}
Array.from(foo(), value => console.log(value));

【讨论】：

【解决方案3】：

TypeScript 是如何转译的：

之前

const iterator = [1,2,3];

for (let o of iterator) {
  console.log(o);
}

之后

var iterator = [1, 2, 3];
for (var _i = 0, iterator_1 = iterator; _i < iterator_1.length; _i++) {
    var o = iterator_1[_i];
    console.log(o);
}

下面是 TypeScript 是如何转译的：

之前

const iterator = [1,2,3];

Array.from(iterator).forEach(function(o){
  console.log(o);
});

之后

var iterator = [1, 2, 3];
Array.from(iterator).forEach(function (o) {
    console.log(o);
});

只是想一想

【讨论】：