在ES6 (ECMAScript 6)中是否有一种不带可变变量的循环x次的机制?

在JavaScript中循环x次的典型方法是:

for (var i = 0; i < x; i++)
  doStuff(i);

但我不想使用++运算符或任何可变变量。那么在ES6中，是否有一种方法来循环x乘以另一种方法?我喜欢Ruby的机制:

x.times do |i|
  do_stuff(i)
end

JavaScript/ES6中有类似的吗?我可以欺骗自己的生成器:

function* times(x) {
  for (var i = 0; i < x; i++)
    yield i;
}

for (var i of times(5)) {
  console.log(i);
}

当然，我仍然在使用i++。至少它在视线之外:)，但我希望在ES6中有更好的机制。

当前回答

我用一个helper函数包装了@Tieme的答案。

在打字稿:

export const mapN = <T = any[]>(count: number, fn: (...args: any[]) => T): T[] => [...Array(count)].map((_, i) => fn())

现在你可以运行:

const arr: string[] = mapN(3, () => 'something')
// returns ['something', 'something', 'something']

其他回答

在我看来，这个问题最正确的答案(这是有争议的)隐藏在Sasha Kondrashov的评论中，也是最简洁的，只用了两个字:“不”。没有比Ruby的语法更好的for循环替代函数了。我们可能希望有一个，但就是没有。

问题中没有明确说明，但我认为任何“循环N次”问题的解决方案都不应该分配内存，至少不与N成正比。这个标准将排除大多数“原生javascript”的答案。

其他答案显示了Ruby中的实现，这很好，除了这个问题显式地要求本机javascript解决方案。这个问题已经有了一个非常不错的手卷解决方案，可以说是最易读的解决方案之一。

我来晚了，但由于这个问题经常出现在搜索结果中，我只想添加一个解决方案，我认为它在可读性方面是最好的，同时不长(这对于任何代码库都是理想的)。它会变异，但我愿意为KISS原则做出妥协。

let times = 5
while( times-- )
    console.log(times)
// logs 4, 3, 2, 1, 0

我用一个helper函数包装了@Tieme的答案。

在打字稿:

export const mapN = <T = any[]>(count: number, fn: (...args: any[]) => T): T[] => [...Array(count)].map((_, i) => fn())

现在你可以运行:

const arr: string[] = mapN(3, () => 'something')
// returns ['something', 'something', 'something']

这不是我要教的东西(或者在我的代码中使用)，但这里有一个值得codegolf使用的解决方案，无需改变变量，不需要ES6:

Array.apply(null, {length: 10}).forEach(function(_, i){
    doStuff(i);
})

更像是一个有趣的概念证明，而不是一个有用的答案，真的。

我还有另一个选择

[...Array(30).keys()]

推荐文章