如何高效处理JavaScript中else-if语句的分组公共操作？

场景说明 #

存在一组else-if语句，不同条件分属不同分组，匹配后除执行各自逻辑外，还需执行对应分组的公共操作。这部分是核心高频调用代码，必须兼顾性能与打包体积，禁止多余的变量定义、对象或数组创建。当前通过在else-if条件中赋值的方式实现需求，但写法不够规范，希望找到更优方案；同时需说明switch-case的局限——因else-if的条件可能互不关联，无法直接拆分链状结构。

原初始代码 #

let i = Math.floor(5 * Math.random())

if (i == 0) {
    console.log('a')
    console.log('+')
}
else if (i == 1) {
    console.log('b')
    console.log('+')
}
else if (i == 2) {
    console.log('c')
    console.log('+')
}
else if (i == 3) {
    console.log('d')
    console.log('-')
}
else if (i == 4) {
    console.log('e')
    console.log('-')
}

当前实现代码 #

let i = Math.floor(5 * Math.random()),
    skipped = false

if (i == 0) {
    console.log('a')
}
else if (i == 1) {
    console.log('b')
}
else if (i == 2) {
    console.log('c')
}
else if ((skipped = true) && false) {}
else if (i == 3) {
    console.log('d')
}
else if (i == 4) {
    console.log('e')
}

if (skipped) console.log('-')
else console.log('+')

优化方案 #

方案一：直观标记分组变量（推荐） #

用一个分组变量替代怪异的条件赋值写法，代码可读性更强，且仅新增一个变量，完全符合精简要求：

let i = Math.floor(5 * Math.random());
let group = '+'; // 默认分组为'+'

if (i === 0) {
    console.log('a');
} else if (i === 1) {
    console.log('b');
} else if (i === 2) {
    console.log('c');
} else if (i === 3) {
    console.log('d');
    group = '-';
} else if (i === 4) {
    console.log('e');
    group = '-';
}

console.log(group);

方案二：抽离公共操作函数（适合复杂公共逻辑） #

如果分组的公共操作不止一行代码，可将其抽为独立函数，避免重复代码，同时不增加额外对象/数组开销：

const logGroupPlus = () => console.log('+');
const logGroupMinus = () => console.log('-');

let i = Math.floor(5 * Math.random());

if (i === 0) {
    console.log('a');
    logGroupPlus();
} else if (i === 1) {
    console.log('b');
    logGroupPlus();
} else if (i === 2) {
    console.log('c');
    logGroupPlus();
} else if (i === 3) {
    console.log('d');
    logGroupMinus();
} else if (i === 4) {
    console.log('e');
    logGroupMinus();
}

方案三：范围判断合并分组（适合连续数值条件） #

若条件为连续数值，可通过范围判断减少分支数量，进一步提升性能：

let i = Math.floor(5 * Math.random());

if (i === 0) {
    console.log('a');
} else if (i === 1) {
    console.log('b');
} else if (i === 2) {
    console.log('c');
} else if (i >= 3 && i <= 4) {
    console.log(i === 3 ? 'd' : 'e');
}

console.log(i <= 2 ? '+' : '-');

switch-case的局限性说明 #

switch-case仅能匹配固定值或表达式结果，若else-if的条件是复杂判断（如i > 10、str.includes('xxx')等非离散值条件），则无法使用switch。此外，switch的fallthrough特性仅适用于连续匹配固定值的场景，无法适配else-if那种互不关联的条件链，因此无法直接拆分原有结构来实现分组公共操作。

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