在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中有更好的机制。
当前回答
const times = 4;
new Array(times).fill().map(() => console.log('test'));
这段代码将console.log测试4次。
其他回答
答案:2015年12月9日
就我个人而言，我发现公认的答案既简洁(好)又简洁(坏)。欣赏这个说法可能是主观的，所以请阅读这个答案，看看你是否同意
问题中给出的例子类似Ruby的例子:
x.times do |i|
do_stuff(i)
end
在JS中使用下面的方法来表达这一点将允许:
times(x)(doStuff(i));
代码如下:
let times = (n) => {
return (f) => {
Array(n).fill().map((_, i) => f(i));
};
};
就是这样!
简单的示例用法:
let cheer = () => console.log('Hip hip hooray!');
times(3)(cheer);
//Hip hip hooray!
//Hip hip hooray!
//Hip hip hooray!
或者，下面是被接受的答案的例子:
let doStuff = (i) => console.log(i, ' hi'),
once = times(1),
twice = times(2),
thrice = times(3);
once(doStuff);
//0 ' hi'
twice(doStuff);
//0 ' hi'
//1 ' hi'
thrice(doStuff);
//0 ' hi'
//1 ' hi'
//2 ' hi'
边注-定义一个范围函数
一个类似的/相关的问题，使用基本非常相似的代码结构，可能是(核心)JavaScript中是否有一个方便的范围函数，类似于下划线的范围函数。
创建一个包含n个数字的数组，从x开始
下划线
_.range(x, x + n)
ES2015
一些替代方案:
Array(n).fill().map((_, i) => x + i)
Array.from(Array(n), (_, i) => x + i)
演示使用n = 10, x = 1:
> Array(10).fill().map((_, i) => i + 1)
// [ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ]
> Array.from(Array(10), (_, i) => i + 1)
// [ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ]
在我运行的一个快速测试中，使用我们的解决方案和doStuff函数，上述每个方法都运行了一百万次，前一种方法(Array(n).fill())被证明略快一些。
此解决方案的优点
最容易阅读/使用(我觉得) 返回值可以用作和，也可以忽略 普通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数量的图像，这很有用。
我把它放在这里。如果你正在寻找一个不使用数组的紧凑函数，并且你对可变性/不可变性没有问题:
var g =x=>{/*your code goes here*/x-1>0?g(x-1):null};
这不是我要教的东西(或者在我的代码中使用)，但这里有一个值得codegolf使用的解决方案，无需改变变量，不需要ES6:
Array.apply(null, {length: 10}).forEach(function(_, i){
doStuff(i);
})
更像是一个有趣的概念证明，而不是一个有用的答案，真的。
