优化 if...else if 的判断

 计划优化的代码:

        if (val == 1001) {
          this.editTaskPage.form.departmentName = "技术部";
        } else if (val == 1002) {
          this.editTaskPage.form.departmentName = "客服部";
        } else if (val == 1003) {
          this.editTaskPage.form.departmentName = "客服部";
        } else if (val == 1004) {
          this.editTaskPage.form.departmentName = "国际";
        } else if (val == 1005) {
          this.editTaskPage.form.departmentName = "数据";

优化方案:
 

你可以使用switch语句来优化这段代码，如下所示：


switch(val) {
  case 1001:
    this.editTaskPage.form.departmentName = "技术部";
    break;
  case 1002:
    this.editTaskPage.form.departmentName = "客服部";
    break;
  case 1003:
    this.editTaskPage.form.departmentName = "客服部";
    break;
  case 1004:
    this.editTaskPage.form.departmentName = "国际";
    break;
  case 1005:
    this.editTaskPage.form.departmentName = "数据";
    break;
  default:
    // 默认情况下的处理
    break;
}
通过使用switch语句，你可以避免使用多个if-else条件判断，使代码更加简洁和可读

或者:

除了使用switch语句外，还可以考虑使用对象字典来优化这段代码。具体做法是创建一个包含部门名称的对象字典，以val作为键，部门名称作为值。然后通过查找对应的键值对来设置departmentName属性。

以下是一个示例代码：


const departmentDict = {
  1001: "技术部",
  1002: "客服部",
  1003: "客服部",
  1004: "国际",
  1005: "数据"
};

this.editTaskPage.form.departmentName = departmentDict[val] || "";
使用对象字典的方式可以将代码进一步简化，并且使部门与对应的值更加清晰和易于维护。如果val能够匹配到相应的键值对，则将对应的部门名称赋给this.editTaskPage.form.departmentName，否则设置为空字符串