表单双层循环 判断是否存在空值

假设 form.value 是一个数组，其中包含一个属性 dataList，该属性是一个数组。我们的目标是检查 dataList 数组中的每个元素是否都不是空值。const form = ref([ {   dataList: [{   score: 0 }],  } ]);

// 假设 form.value 是这样的结构：
// [
//   {   dataList: [{  score: 0 }], dateUploadType:“” },
//   // ... 可能还有其他对象
// ]

// 点击保存
const handleSave = async () => {
  console.log('form.value', form.value);
  // 定义一个检查空值的函数
  function isEmpty(value: any) {
    // 根据您的需要调整空值的定义
    return (
      value === undefined ||
      value === null ||
      (typeof value === 'string' && value.trim() === '') ||
      (Array.isArray(value) && value.length === 0) ||
      (typeof value === 'object' && Object.keys(value).length === 0)
    );
  }

  // 检查每个 dataList 是否都不包含空值
  const allDataListsNotEmpty = form.value.every((item) => {
    // 确保 dataList 存在且是数组
    if (Array.isArray(item.dataList)) {
      // 检查 dataList 中的每个元素是否都不是空值
      return item.dataList.every((data) => {
        // 检查 data 对象的每个属性是否都不是空值
        return Object.keys(data).every((key) => !isEmpty(data[key]));
      });
    }
    // 如果 dataList 不存在或不是数组，则认为这一项不满足条件
    return false;
  });

  if (allDataListsNotEmpty) {
    console.log('所有 dataList 中的元素都不是空值');
 
  } else {
    proxy?.$modal.msgWarning('不能存在空值，请输入');
  }
};