有没有一种优雅的方式来检查多个条件？

Question

我有多个下拉菜单，即part_no，part_category，品牌和型号。我正在显示库存中的车辆部件数量。

鉴于当我通过向下拉菜单中提供更多值而变得更加具体时，必须显示较少类型的零件。 （就像一个过滤）

，我试图模拟天生在这个网站上找到的下拉菜单一个很好的例子：http://www.sgcarmart.com/used_cars/listing.php?MMO=Mini&RPG=20&MOD=Austin

是否有这样做的检查（通过所有可能的组合）的一个更好的办法，而不是这样做：

  //Values from my dropdown menus 
      var carmake= $('#car_make').val(); 
      var carmodel= $('#car_model').val(); 
      var partname= $('#part_name').val(); 
      var partcategory= $('#part_category').val(); 

      if(carmake==data['carmake']) 
      { 
      //do something 
      } 
      else if (carmake==data['carmake'] && partname==data['partname']) 
      { 
      //do something   
      } 
      else if (carmodel==data['carmodel'] && partname==data['partname']) 
      { 
      //do something   
      } 
      else if (carmodel==data['carmodel'] && partname==data['partname'] &&partcategory==data['partcategory']) 
      { 
      //do something   
      } else if (carmodel==data['carmodel'] && partname==data['partname'] &&partcategory==data['partcategory' &&partname==data['partname']) 
      { 
      //do something   
      } 
      . 
      . 
      . 
      . 
      .    

Answer 1

把所有的测试值在一个对象的属性名称是一样data。然后遍历所有属性以查看它们是否全部相同：

var search = { 
    carmake: $("#car_make").val(), 
    carmodel: $("#car_model").val(), 
    partname: $("#part_name").val(), 
    partcategory: $("#part_category").val() 
}; 

var match = true; 
$.each(search, function(prop, value) { 
    if (value !== "" && value != data[prop]) { // only compare if the dropdown was selected 
     match = false; 
     return false; // break out of the loop 
    } 
}); 

if (match) { 
    // do something 
}