时间戳

首页 > 解决方案 > 从 for 循环中的函数回调返回值

javascript - 从 for 循环中的函数回调返回值

问题描述

我有以下for循环：

import { createSelector } from 'reselect';

let dirtyForm;

export const isFormDirty = createSelector(
    getForms,
    getState,
    (forms, state) => {
        for(let i = 0; i < forms.length; i += 1){
            dirtyForm = isDirty(forms[i])(state);
        }

        return dirtyForm;
    }
);

isDirty from 从表单数组中获取单个表单名称并检查表单是否已被编辑。我循环浏览表单名称的原因是要找出屏幕上可用的表单是否已被编辑。

它可以工作，但在这种情况下有没有办法根本不必使用 for 循环？

标签： javascriptreselect

解决方案

最后一个表单的状态将始终覆盖循环中的其他表单。

如果您尝试检测任何一种表格是否脏，您可以使用Array.prototype.some()：

export const isFormDirty = createSelector(
    getForms,
    getState,
    (forms, state) => forms.some(form => isDirty(form)(state)) // Will return true if one of the forms are dirty, false if all forms are clean
);

或者，正如@Danmoreng 在评论中所建议的那样，您可以保留循环，并通过将dirtyForm 标志与自身添加OR'ing 来防止覆盖：

for (let i = 0; i < forms.length; i += 1) {

    // Once true, further results will not be evaluated, so no overrides
    dirtyForm = dirtyForm || isDirty(forms[i])(state);
}

或者，正如@Icepickle 在评论中建议的那样，一旦遇到脏表格，您就可以简单地打破循环：

for (let i = 0; i < forms.length; i += 1) {

    // Exit the loop by returning true if a form is dirty
    // Might be wise to add a "return false;" outside the loop with this approach.
    if(isDirty(forms[i])(state)) {
        return true;
    }
}

推荐阅读