对表格数据进行校验，通过后再提交

tbapman

于 2020-01-17 15:51:59 发布

阅读量1.3k

点赞数

分类专栏： React 文章标签： javascript reactjs

本文链接：https://blog.youkuaiyun.com/tbapman/article/details/104020096

版权

React 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种在项目中对表格数据进行校验的方法，通过使用for循环而非map或forEach，确保了数据完整性和准确性。文章详细展示了如何检查项目名称和参数值是否为空，以及如何在所有项都通过校验后执行特定操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

背景：
前两天工作中遇到一个问题，需要对表格数据进行校验，通过后再提交给后台。在使用map,forEach的方法并没有达到预期的效果，查阅资料后最终通过for循环解决了问题。

//对项目名称和参数值进行校验
表格数据类似于这种
tableData=[
{name:'1',paramValue:'2'},
{name:'',paramValue:''}
]

let flag = true;
for (var i = 0; i < tableData.length; i++) {
  if (tableData[i].name && tableData[i].paramValue) {
    if (i === tableData.length - 1) {//最后一项通过时
      flag = true;//flag改为true
      break;	//跳出整个循环
    } else {
      continue;//当前项通过时继续校验下1项
    }
  } else {
    flag = false;
    message.warn('项目名称或参数值不可为空');
    break;
  }
}
if(flag){//校验通过时的操作
	...
}