如何避免在if语句中编写多个&&运算符？

你可以通过以下几种方式把分散的条件整合成更整洁的表达式，避免一行里堆砌多个&&：

方法一：利用数组every方法合并同类判断 #

把需要验证非空的字段放进数组，用every统一检查，再结合其他独立条件：

// 收集需要非空的输入值
const requiredValues = [firstname.value, lastname.value, phone.value];
// 检查所有必填字段都不为空（trim处理过滤纯空格情况）
const allRequiredFilled = requiredValues.every(val => val.trim() !== "");
// 组合所有条件
const condition = allRequiredFilled && emailverified.value === "1" && !personcheck.checked;

if (condition) {
  // 执行逻辑
} else {
  // 其他逻辑
}

every方法会遍历数组，只有当所有元素都满足判断条件时才返回true，能把多个非空判断合并成一行。

方法二：封装成验证函数 #

把所有校验逻辑抽成独立函数，让if语句更简洁，同时提升代码复用性：

function checkFormValidity() {
  // 检查必填字段
  if (!firstname.value.trim() || !lastname.value.trim() || !phone.value.trim()) {
    return false;
  }
  // 检查邮箱验证状态
  if (emailverified.value !== "1") {
    return false;
  }
  // 检查复选框状态
  if (personcheck.checked) {
    return false;
  }
  return true;
}

if (checkFormValidity()) {
  // 执行逻辑
} else {
  // 其他逻辑
}

这种方式把复杂校验拆成多个小判断，逻辑更直观，后续修改条件也更方便。

方法三：用对象批量管理条件 #

如果后续可能增加更多校验规则，用对象来管理每个条件会更易于维护：

const validationRules = {
  firstnameNotEmpty: () => firstname.value.trim() !== "",
  lastnameNotEmpty: () => lastname.value.trim() !== "",
  phoneNotEmpty: () => phone.value.trim() !== "",
  emailVerified: () => emailverified.value === "1",
  personCheckUnchecked: () => !personcheck.checked
};

// 检查所有规则是否都满足
const condition = Object.values(validationRules).every(rule => rule());

if (condition) {
  // 执行逻辑
} else {
  // 其他逻辑
}

每个校验规则对应对象的一个方法，通过Object.values获取所有规则后用every统一验证，扩展新规则只需在对象里添加新属性即可。

内容的提问来源于stack exchange，提问作者Pasindu Hasanjaya Peiris