在javascript/angular中退出嵌套的foreach（函数）循环

Question

我正在尝试检查我的表单中需要的所有字段 (isRequired=true) 是否都已完成。 我通过将表单结构（assesmentForm）与用户响应（在 $scope 上）进行比较来做到这一点。 我不想知道有关该字段的一些详细信息（从 VF 开始），并且我希望它在找到未完成的字段后停止。 问题是当我在 forEach 循环中使用“return”时 - 而不是离开 forEach 它进入下一次迭代（下一个函数）。我尝试使用：中断、继续、标记等 我真的需要帮助

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。

来自the MDN page on forEach：

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

如果您使用.every 而不是.forEach，您将能够在第一次验证失败时停止。有关更多示例，请参见该 MDN 页面，其中一个来自 .every 页面：

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

---

--- 编辑：如何与对象一起使用 --

在评论中，您询问了如何对对象执行此操作，就像您在示例中对 o 和 f 所做的那样。

目前您正在定义匿名函数

function(o){ .... }

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

在上面的例子中，同样的情况正在发生；让我们做的更简单：

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

这次我们使用匿名函数。 .every 的 MDN 页面声明：“使用三个参数调用回调：元素的值、元素的索引和被遍历的 Array 对象”——它们被命名为 element、index 和 @987654336 @ 在顶部的示例中。由于您只需要数组的当前元素，因此只需在函数中提供一个参数名称 (function(o)) 而不是三个 (function(o, index, array))。如果您需要知道您在数组中的位置，其他两个结果非常有用。