在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中有更好的机制。
当前回答
如果你愿意使用库，也可以使用lodash _。Times或下划线_.times:
_.times(x, i => {
return doStuff(i)
})
注意，这将返回一个结果数组，所以它更像这样的ruby:
x.times.map { |i|
doStuff(i)
}
其他回答
此解决方案的优点
最容易阅读/使用(我觉得) 返回值可以用作和，也可以忽略 普通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
我做了这个:
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数量的图像，这很有用。
在我看来，这个问题最正确的答案(这是有争议的)隐藏在Sasha Kondrashov的评论中，也是最简洁的，只用了两个字:“不”。没有比Ruby的语法更好的for循环替代函数了。我们可能希望有一个，但就是没有。
问题中没有明确说明，但我认为任何“循环N次”问题的解决方案都不应该分配内存，至少不与N成正比。这个标准将排除大多数“原生javascript”的答案。
其他答案显示了Ruby中的实现，这很好，除了这个问题显式地要求本机javascript解决方案。这个问题已经有了一个非常不错的手卷解决方案，可以说是最易读的解决方案之一。
这是我能想到的在range内创建列表/数组的最简单的方法
Array.from（Array（max-min+1）， （_， index） => index+min）
下面是另一个不错的选择:
Array.from({ length: 3}).map(...);
最好，就像@Dave Morse在评论中指出的那样，你也可以通过使用Array.from函数的第二个参数来摆脱map调用，就像这样:
Array.from({ length: 3 }, () => (...))
