在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中有更好的机制。
当前回答
发电机吗?递归?为什么这么讨厌突变?: -)
如果它是可以接受的，只要我们“隐藏”它，那么只要接受一元操作符的使用，我们就可以让事情变得简单:
Number.prototype.times = function(f) { let n=0 ; while(this.valueOf() > n) f(n++) }
就像在ruby中:
> (3).times(console.log)
0
1
2
其他回答
我认为最好的解决方案是使用let:
for (let i=0; i<100; i++) …
这将为每个主体求值创建一个新的(可变的)i变量，并确保i只在循环语法中的增量表达式中更改，而不是从其他任何地方更改。
我可以作弊，自己做一个发电机。至少i++是看不到的:)
在我看来，这应该足够了。即使在纯语言中，所有的操作(或者至少它们的解释器)都是由使用突变的原语构建的。只要它的作用域是正确的，我看不出这有什么错。
你应该可以接受
function* times(n) {
for (let i = 0; i < n; i++)
yield i;
}
for (const i of times(5)) {
console.log(i);
}
但我不想使用++运算符或任何可变变量。
那么你唯一的选择就是使用递归。你也可以在没有可变i的情况下定义生成器函数:
function* range(i, n) {
if (i >= n) return;
yield i;
return yield* range(i+1, n);
}
times = (n) => range(0, n);
但对我来说，这似乎有点过头了，可能会有性能问题(因为尾调用消除无法用于返回收益*)。
Afaik，在ES6中没有类似Ruby的times方法的机制。但是你可以通过使用递归来避免突变:
let times = (i, cb, l = i) => {
if (i === 0) return;
cb(l - i);
times(i - 1, cb, l);
}
times(5, i => doStuff(i));
演示:http://jsbin.com/koyecovano/1/edit?js,控制台
我做了这个:
function repeat(func, times) {
for (var i=0; i<times; i++) {
func(i);
}
}
用法:
repeat(function(i) {
console.log("Hello, World! - "+i);
}, 5)
/*
Returns:
Hello, World! - 0
Hello, World! - 1
Hello, World! - 2
Hello, World! - 3
Hello, World! - 4
*/
变量i返回它循环的次数-如果你需要预加载x数量的图像，这很有用。
我把它放在这里。如果你正在寻找一个不使用数组的紧凑函数，并且你对可变性/不可变性没有问题:
var g =x=>{/*your code goes here*/x-1>0?g(x-1):null};
const times = 4;
new Array(times).fill().map(() => console.log('test'));
这段代码将console.log测试4次。
