forEach函数比等效的for循环快得多

Question

在我正在构建的Angular应用中，我有两段代码每次刷新都会触发。 它们都执行相同的操作，但是速度更快的是forEach函数数组，我认为应该稍微慢一点 。

如果发现错误，那就太好了！ 但是为什么foreach循环会这么快。 它们彼此紧紧相接，如果我改变顺序，那也没有什么不同。

首先是更快的。 使用performance.now()平均大约5毫秒。

var start = performance.now();
start = performance.now();
$scope.config.formTables.forEach(function (e, i, a) {
    ['tbody', 'thead', 'tfoot'].forEach(function (f, j) {
        if (!$scope.config[e][f]) return;
        $scope.config[e][f].forEach(function (g, k) {
            if(isFunction(g.calculated || {})) g.calculated.apply(g);
        })
    })
});
console.log(performance.now() - start);  

现在速度较慢，我认为应该更快。 这需要100-200毫秒。

start = performance.now();
var i,j,k,e,f,g;
for(i = 0; i < $scope.config.formTables.length; i++){
    e = $scope.config[$scope.config.formTables[i]];
    if(e.thead)
    for(j = 0; j < e.thead.length; j++){
        f = e.thead;
        for(k = 0; k < f.length; k++){
            //g = f[j];
            if(isFunction(f[j].calculated || {})) f[j].calculated.apply(f[j]);
        }
    }
    if(e.tfoot)
    for(j = 0; j < e.tfoot.length; j++){
        f = e.tfoot;
        for(k = 0; k < f.length; k++){
            //g = f[j];
            if(isFunction(f[j].calculated || {})) f[j].calculated.apply(f[j]);
        }
    }
    if(e.tbody)
    for(j = 0; j < e.tbody.length; j++){
        f = e.tbody;
        for(k = 0; k < f.length; k++){
            //g = f[j];
            if(isFunction(f[j].calculated || {})) f[j].calculated.apply(f[j]);
        }
    }
}
console.log(performance.now() - start);

Answer 1

不，由于以下原因，它们不是等效的：

 for(j = 0; j < e.thead.length; j++){ f = e.thead; for(k = 0; k < f.length; k++){ //g = f[j]; if(isFunction(f[j].calculated || {})) f[j].calculated.apply(f[j]); } } 

在这里，您基本上将同一件事重复两次，嵌套会降低性能。 只需忽略其中一个循环-您可能还会注意到，您从未在循环主体中使用k 。

应该只是

if(e.thead) {
    f = e.thead;
    for(k = 0; k < f.length; k++){
        //g = f[j];
        if(isFunction(f[k].calculated || {})) f[k].calculated.apply(f[k]);
    }
}

请注意， f == "thead"并且在forEach版本中从未使用过j 。

您确实应该使用更具描述性的变量名，这样的事情会更加明显。 e和f在两个版本中都不是同义词。