如何在JavaScript中避免针对输入值使用Switch语句优化代码？

嘿，先给你提个小细节：你的Data.json格式有语法错误哦，多个键值对应该放在同一个对象里、用逗号分隔，正确格式如下：

{ 
  "House" : { 
    "bedroom" : "4",
    "kitchen" : "1",
    "bathroom" : "2" 
  } 
}

接下来聊聊怎么替代那个switch语句，我平时写代码也常遇到这种场景，有几个很实用的方案：

方案1：直接通过属性名访问（最简洁） #

既然你的id参数刚好对应Data.House里的属性名，完全可以跳过switch，直接用对象的属性访问语法，代码一下子就精简了：

var Data = require('./Data.json');

const printData = function(id) { 
  console.log(getData(id)); 
}

const getData = function(id) { 
  // 直接通过方括号访问属性，还可以加个默认值处理
  return Data.House[id] ?? '未找到对应数据';
}

注：??是空值合并运算符，只会在左侧是null或undefined时返回右侧默认值，比||更精准，避免0、''等合法值被误判。

方案2：用映射表（适合需要扩展逻辑的场景） #

如果以后每个属性需要额外的处理逻辑（比如格式化数据、加校验），可以用对象映射表来替代switch，扩展性更强：

var Data = require('./Data.json');

// 定义映射表，每个key对应一个处理函数
const dataHandlerMap = {
  bedroom: () => Data.House.bedroom,
  kitchen: () => `厨房数量：${Data.House.kitchen}`, // 示例：添加额外格式化
  bathroom: () => {
    // 示例：复杂逻辑处理
    const num = parseInt(Data.House.bathroom);
    return num > 1 ? '多个卫生间' : '单个卫生间';
  }
};

const printData = function(id) { 
  console.log(getData(id)); 
}

const getData = function(id) { 
  // 从映射表取对应的处理函数，没有的话用默认函数
  const handler = dataHandlerMap[id] ?? (() => '未找到对应数据');
  return handler();
}

这种方式比switch更灵活，新增属性时只需要在映射表里加新的键值对就行，不用修改switch的case分支，符合开闭原则。

方案3：结合可选链（更安全） #

如果担心Data.House可能不存在，或者属性名拼写错误，可以用可选链操作符?.来避免报错：

const getData = function(id) { 
  return Data?.House?.[id] ?? '未找到对应数据';
}

这样即使Data或者House不存在，也不会抛出TypeError，代码更健壮。

内容的提问来源于stack exchange，提问作者Pol Grisart