React应用中如何校验状态无空值、零值及空数组？

你的代码存在三个核心问题：

• 逻辑方向完全颠倒：需求是校验所有值都不为零、非空字符串、非空数组，但你写的是判断每个值同时等于0、''、[]，这显然不可能成立，应该判断每个值都不满足这些无效状态。
• 数组空值判断错误：数组是引用类型，item === []永远返回false，必须通过item.length === 0来判断空数组。
• 逻辑运算符使用错误：判断值是否为无效状态时，应该用||（或）而不是&&（且），因为一个值只会是其中一种无效类型。

正确的校验函数实现 #

我们需要遍历state的所有值，对每个值做针对性的有效校验：

• 数字类型：不能等于0
• 字符串类型：不能是空字符串''（可选：可通过trim()排除纯空格字符串）
• 数组类型：不能是空数组

实现代码如下：

const validate = Object.values(state).every(item => {
  // 处理数组类型：判断是否非空
  if (Array.isArray(item)) {
    return item.length > 0;
  }
  // 处理字符串类型：判断是否非空（可选trim()过滤纯空格）
  if (typeof item === 'string') {
    return item.trim() !== '';
  }
  // 处理数字类型：判断是否非零
  return item !== 0;
});

简化版写法 #

如果不需要过滤字符串中的纯空格，也可以写成更简洁的形式：

const validate = Object.values(state).every(item => {
  return !(item === 0 || item === '' || (Array.isArray(item) && item.length === 0));
});

该逻辑为：只要值不是0、不是空字符串、不是空数组，就通过校验；所有值都满足条件时返回true。

内容的提问来源于stack exchange，提问作者Noob_Mern_Dev