「for（var i = 0; i <size; i ++）」循環有什麼可能的功能替換？

Question

我想要普通的香草解決方案。我寫的 for (var i = 0; i < someSize; i++) {...}

很多請注意，它不是遍歷數組或它的主要是純計算DOM節點。

我想更多的功能方法，因爲我是懶惰。例如： new Array(15).forEach(function(i, idx) { ... ... })

但這不起作用。

當使用underscore我以前寫 _.range(0,100,4).forEach(function(i, idx) { doSomethingWith(i); });

請不在於它可能是不切實際的，但我喜歡彎曲的JavaScript。

Answer 1

不知道你真正想要的，但你可以有一個管理你的循環計數器一個通用的迭代函數：

function loop(start, stop, fn) { 
    for (var i = start; i < stop; i++) { 
     if (fn(i) === false) { 
      return; 
     } 
    } 
} 

然後，你可以使用這樣的：

loop(0, size, function(i) { 
    // use i here 
}); 

---

您甚至可以使起始值爲可選（如果不存在，則默認爲零）：

function loop(start, stop, fn) { 
    if (!fn) { 
     fn = stop; 
     stop = start; 
     start = 0; 
    } 
    for (var i = start; i < stop; i++) { 
     if (fn(i) === false) { 
      return; 
     } 
    } 
} 

loop(size, function(i) { 
    // use i here 
}); 

Answer 2

這不起作用的原因似乎是因爲forEach未迭代使用類似數組構造函數時設置的undefined值。

forEach工作得很好，其實有內容，你會看到，當你像這樣運行代碼數組：

[1,2,3,4,5,6,7,8].forEach(function(){console.log(arguments)}); 

所以，現在，你會尋找將正確初始化新數組，包含內容。

This question on SO在這方面有一些有用的答案。
最短的解決方案似乎是：

new Array(5+1).join('0').split('') 

你可以簡單的鏈條後的forEach。

或者，你可以在這個問題更upvoted答案之一掀起原型：

Array.prototype.init = function(value, length){ 
    return Array.apply(null, new Array(length)).map(function(){ 
     return value.valueOf(); 
    },value); 
} 

這允許你做這樣的事情：

[].init('foo', 3); 
// ["foo", "foo", "foo"] 
[].init(60, 4); 
// [60, 60, 60, 60] 
[].init({}, 3); 
// [{},{},{}] 
[].init(true, 9); 
// [true, true, true, true, true, true, true, true, true] 

當然你也可以在init()之後連鎖.forEach()。

（實際上，如果您不將此函數添加到Array.prototype，則可以使用init()，而不使用數組文字。這可能是一種「更清潔」的解決方案）