如何降低嵌套if/else语句的复杂度？含下拉列表场景代码

我来帮你梳理下如何优化这段嵌套if/else的性能，同时让代码更易维护～先把你给出的代码片段整理清楚：

if (parentIndex === 1) {
  // 但其自身索引为0
  if (currentIndex === 0) {
    parentIndex = 2;
    updatedIndexPos = array[1];
    mainIndex = list_2.indexOf(updatedIndexPos);
    // 若上一行结果为-1:
    if (mainIndex === -1) {
      parentIndex = 1;
      updatedIndexPos = filterIndexPos;
      mainIndex = ... // 未完成的后续逻辑
    }
  }
}

优化方向1：扁平化逻辑，提前终止判断 #

嵌套层级越多，CPU需要处理的分支判断就越多，我们可以把深层嵌套拆成顺序判断，提前跳过不满足条件的分支，既提升性能又增强可读性：

// 先检查前置条件，不满足直接跳过后续逻辑
if (parentIndex !== 1 || currentIndex !== 0) {
  return; // 根据上下文也可以用continue或者直接结束当前逻辑
}

// 执行核心逻辑
parentIndex = 2;
updatedIndexPos = array[1];
mainIndex = list_2.indexOf(updatedIndexPos);

// 单独处理异常情况，无需嵌套
if (mainIndex === -1) {
  parentIndex = 1;
  updatedIndexPos = filterIndexPos;
  mainIndex = ...; // 补全你的后续逻辑
}

优化方向2：用对象映射替代多分支判断 #

如果后续还有更多parentIndex的分支需要处理，用对象映射的方式比连续的if/else更高效——对象属性查找的性能优于多次条件判断，还能让代码扩展性更好：

// 定义不同parentIndex对应的处理函数
const parentHandlers = {
  1: () => {
    if (currentIndex !== 0) return;
    
    parentIndex = 2;
    updatedIndexPos = array[1];
    mainIndex = list_2.indexOf(updatedIndexPos);
    
    if (mainIndex === -1) {
      parentIndex = 1;
      updatedIndexPos = filterIndexPos;
      mainIndex = ...;
    }
  },
  // 新增其他分支只需添加新的处理函数
  2: () => { /* 处理parentIndex=2的逻辑 */ },
  3: () => { /* 处理parentIndex=3的逻辑 */ }
};

// 执行对应逻辑
if (parentHandlers[parentIndex]) {
  parentHandlers[parentIndex]();
}

优化方向3：减少不必要的变量重赋值 #

频繁修改变量状态不仅可能造成逻辑混乱，还会带来微小的性能开销。可以用临时变量暂存中间结果，最后统一赋值：

if (parentIndex === 1 && currentIndex === 0) {
  // 用临时变量暂存中间状态
  let tempParentIndex = 2;
  let tempUpdatedPos = array[1];
  let tempMainIndex = list_2.indexOf(tempUpdatedPos);
  
  if (tempMainIndex === -1) {
    tempParentIndex = 1;
    tempUpdatedPos = filterIndexPos;
    tempMainIndex = ...;
  }
  
  // 最后统一更新原变量
  parentIndex = tempParentIndex;
  updatedIndexPos = tempUpdatedPos;
  mainIndex = tempMainIndex;
}

内容的提问来源于stack exchange，提问作者Rebecca O'Riordan