在 React 中使用 json 填充 case switch 语句

Question

我有以下 switch/case 语句，它从下面的 json 对象返回数据。实际上这会很长！

切换语句

switch(val){
    case 'chicken':
        return json['meat']['main'][val]; 
        break;
    case 'beef':
        return json['meat']['main'][val]; 
        break
    case 'lamb':
        return json['meat']['main'][val]; 
        break;
    case 'pork':
        return json['meat']['main'][val]; 
        break;
    default:
        return '';
}

json 对象

json={
  "meat": {
    "main": {
      "chicken": "Roast chicken and vegetables",
      "beef": "Beef and Yorkshire pudding",
      "lamb": "Lamb shank with red currant gravy",
      "pork": "Pork and apple sauce",
    }
  }
}

如您所见，switch 语句非常重复，因为每个 case 语句都返回相同的表达式（尽管它返回的值会因访问对象中的变量键 [val] 而不同）。

实际上，我的 json 文件很大，所以我想避免为每种肉（鸡肉、牛肉、羊肉、猪肉）手动输入 case 语句。相反，我想遍历我的 json 对象，获取 json['meat']['main'][i] （其中 i 是一个计数器）的值来创建每个案例。这可能吗？如果没有，是否有替代方法？

非常感谢！

凯蒂

Answer 1

这是你需要的吗？

let json = {
  "meat": {
    "main": {
      "chicken": "Roast chicken and vegetables",
      "beef": "Beef and Yorkshire pudding",
      "lamb": "Lamb shank with red currant gravy",
      "pork": "Pork and apple sauce",
    }
  }
}


const search = (obj, val) => {      
  const keys = Object.keys(obj)
  for (const key of keys) {
    if (typeof obj[key] === 'string') {
      if (key === val) {
        return obj[key]
      }
    } else {
      const description = search(obj[key], val)
      if (description) {
        return description
      }
    }
  }
  return ''
}


const description = search(json, 'beef')
console.log(description)