根据对象数组中的对象条件返回布尔值

问题描述

我觉得这是一个非常简单的问题,但是最近几个小时我一直在苦苦挣扎。

    data[0].fieldArray.fieldGroup[4].hideExpression = (model: any,formState: any) => {
      for (const item of formState.mainModel.config.linkItems) {
        console.log(item);
        if (item.displaySubmenu) {
          return false;
        } else {
          return true;
        }
      }
    };

我的formState包含一个内部带有多个对象的Array,我需要确定每个对象(displaySubmenu)内部的值是true还是false并返回true或false来触发hideExpression ..到目前为止,我只设法要么触发页面上的所有元素,要么触发第一个或最后一个

我也尝试过用于地图,但是我觉得我缺少了一些简单的东西,只是不明白什么

解决方法

您可以为此使用array.filter方法:

data[0].fieldArray.fieldGroup[4].hideExpression = (model: any,formState: any) => {
  return formState.mainModel.config.linkItems.filter(linkItem => {
    return linkItem.displaySubmenu;
  }).length > 0;
};

filter方法返回一个数组,其中包含与条件匹配的项目。如果linkItems中的一项具有displaySubmenu为true,则它将在filter方法的返回数组中返回。因此,当我们获得该数组的长度时,它将大于0,这将导致一个真正的布尔值。

当linkItems中没有带有displaySubmenu的项目时,返回过滤器将返回一个空数组,因为所有项目均不符合条件,并且长度为0,这将导致错误的布尔值。

有关过滤方法的更多信息:https://developer.mozilla.org/nl/docs/Web/JavaScript/Reference/Global_Objects/Array/filter