在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中有更好的机制。
当前回答
此解决方案的优点
最容易阅读/使用(我觉得) 返回值可以用作和，也可以忽略 普通es6版本，也链接到TypeScript版本的代码
缺点 ——突变。只是内在我不在乎，也许其他人也不在乎。
示例和代码
times(5, 3) // 15 (3+3+3+3+3)
times(5, (i) => Math.pow(2,i) ) // 31 (1+2+4+8+16)
times(5, '<br/>') // <br/><br/><br/><br/><br/>
times(3, (i, count) => { // name[0], name[1], name[2]
let n = 'name[' + i + ']'
if (i < count-1)
n += ', '
return n
})
function times(count, callbackOrScalar) {
let type = typeof callbackOrScalar
let sum
if (type === 'number') sum = 0
else if (type === 'string') sum = ''
for (let j = 0; j < count; j++) {
if (type === 'function') {
const callback = callbackOrScalar
const result = callback(j, count)
if (typeof result === 'number' || typeof result === 'string')
sum = sum === undefined ? result : sum + result
}
else if (type === 'number' || type === 'string') {
const scalar = callbackOrScalar
sum = sum === undefined ? scalar : sum + scalar
}
}
return sum
}
TypeScipt版本 https://codepen.io/whitneyland/pen/aVjaaE?editors=0011
其他回答
这不是我要教的东西(或者在我的代码中使用)，但这里有一个值得codegolf使用的解决方案，无需改变变量，不需要ES6:
Array.apply(null, {length: 10}).forEach(function(_, i){
doStuff(i);
})
更像是一个有趣的概念证明，而不是一个有用的答案，真的。
for (let i of Array(100).keys()) {
console.log(i)
}
发电机吗?递归?为什么这么讨厌突变?: -)
如果它是可以接受的，只要我们“隐藏”它，那么只要接受一元操作符的使用，我们就可以让事情变得简单:
Number.prototype.times = function(f) { let n=0 ; while(this.valueOf() > n) f(n++) }
就像在ruby中:
> (3).times(console.log)
0
1
2
我来晚了，但由于这个问题经常出现在搜索结果中，我只想添加一个解决方案，我认为它在可读性方面是最好的，同时不长(这对于任何代码库都是理想的)。它会变异，但我愿意为KISS原则做出妥协。
let times = 5
while( times-- )
console.log(times)
// logs 4, 3, 2, 1, 0
在函数式范式中，重复通常是一个无限递归函数。要使用它，我们需要惰性求值或延续传递样式。
惰性求值函数重复
const重复= f = > x = > [x,() = >重复(f) (f (x))); Const take = n => ([x, f]) => n === 0 ?X:取(n - 1) (f()); console.log ( 取(8)(repeat(x => x * 2) (1)) // 256 ）;
我使用一个thunk(一个没有参数的函数)来实现Javascript中的惰性求值。
延续传递样式的函数重复
const重复= f = > x = > [x, k = > k(重复(f) (f (x)))); Const take = n => ([x, k]) => n == 0 ?X: k(取(n - 1)); console.log ( 取(8)(repeat(x => x * 2) (1)) // 256 ）;
CPS一开始有点吓人。然而，它总是遵循相同的模式:最后一个参数是continuation(一个函数)，它调用自己的主体:k => k(…)。请注意CPS将应用程序翻过来，即take(8)(重复…)变成k(take(8))(…)其中k是部分应用的重复。
结论
通过将重复(repeat)与终止条件(take)分离，我们获得了灵活性——将关注点分离到痛苦的尽头:D
