You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何实现递归检测FormGroup中是否存在至少一个非null值的函数

checkNonNull 函数实现

你可以基于递归+短路判断的逻辑实现需求,只要遍历到任意一个非null的表单项就直接返回true,无需遍历全部控件,性能更优:

const checkNonNull = (control: AbstractControl): boolean => {
  // 处理 FormControl 类型:直接判断值是否非 null
  if (control instanceof FormControl) {
    return control.value !== null;
  }

  // 处理 FormArray 类型:只要任意子控件存在非 null 值就返回 true
  if (control instanceof FormArray) {
    return control.controls.some(childControl => checkNonNull(childControl));
  }

  // 处理 FormGroup 类型:只要任意子控件存在非 null 值就返回 true
  if (control instanceof FormGroup) {
    return Object.values(control.controls).some(childControl => checkNonNull(childControl));
  }

  // 兜底逻辑,处理其他 AbstractControl 派生类场景
  return false;
}

使用说明

  • 直接传入根节点 FormGroup 即可调用:const hasNonNull = checkNonNull(yourRootForm)
  • 如果你需要同时过滤空字符串、undefined 这类空值,只需要把 control.value !== null 调整为你需要的判断规则即可,比如改为 control.value != null 可以同时排除 null 和 undefined。

内容的提问来源于stack exchange,提问作者Nabagata Saha

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.06 03:15:04