在JavaScript/Angular中退出嵌套的foreach（函数）循环

Question

function checkFieldsValidation () {
        var VFflag =true; //Validation Failed Flag - true: not failed, False - failed
            assessmentForm.Objectives.forEach(function(o){
            if (VFflag){
            o.component.Fields.forEach(function(f){
                if (VFflag){
                    if (f.IsRequired ){
                            for (var i in $scope.responses )
                            {
                                    if( $scope.responses[i].objectives[o.relationship.ActivityRelationshipID][f.FieldID].value.length>0){ 
                                    VFflag=VFflag;
                                    }
                                    else
                                    {
                                    var VFparIndex=i;
                                    var VFActivityRelationshipID=o.relationship.ActivityRelationshipID;
                                    var VFFieldID = f.FieldID;
                                    VFflag=false;
                                    return;
                                    }
                            }
                    }
                }
                else {return;}
                }
                )
            } else {return;}
            }
            )
        return [VFflag,VFparIndex,VFActivityRelationshipID,VFFieldID];
        }

Answer 1

TLDR:使用.every而不是.foreach。

从foreach上的MDN页面：

注意：没有办法停止或中断forEach循环。解决方案是使用Array.Every或Array.Some。

function isBigEnough(element, index, array) {
  return (element >= 10);
}
var passed = [12, 5, 8, 130, 44].every(isBigEnough);

当前您正在定义匿名函数

function(o){ .... }

在循环中使用。这意味着foreach调用正在接收该函数，并且对于数组中的每个项，它以当前数组项作为参数调用该函数。

在上面的例子中,也发生了同样的情况；让我们做得更简单一些：

var numbers = [12, 5, 8, 130, 44];
var allValid = numbers.every(function(num) { return (num > 10) });