如何精简JavaScript中的多分支条件判断代码长度？

算力阿峰

2026-8-6

缩短多分支条件判断的JavaScript代码方案

你可以通过统一遍历目标属性的方式彻底简化这段多分支逻辑，核心思路是把需要检查的属性列成数组，再动态合并存在的数组，避免重复的条件判断。

原代码问题分析

原代码通过大量if-else判断res.data中alley、booked、reminder的存在组合，逻辑重复且冗余，还存在一处逻辑错误：当alley和reminder同时存在时，原代码错误合并了alley和booked而非alley和reminder。

优化后的代码方案

方案1：forEach遍历合并

const targetProps = ['alley', 'booked', 'reminder'];
let getSlotList = [];

targetProps.forEach(prop => {
  if (res.data.hasOwnProperty(prop)) {
    getSlotList = [...getSlotList, ...res.data[prop]];
  }
});

console.log(
  '🚀 ~ file: ScheduleTab.js:66 ~ handleGetSlotsList ~ getSlotList',
  getSlotList,
);

方案2：reduce更简洁写法

const targetProps = ['alley', 'booked', 'reminder'];
const getSlotList = targetProps.reduce((result, prop) => {
  return res.data.hasOwnProperty(prop) ? [...result, ...res.data[prop]] : result;
}, []);

console.log(
  '🚀 ~ file: ScheduleTab.js:66 ~ handleGetSlotsList ~ getSlotList',
  getSlotList,
);