有沒有一種優雅的方式來檢查多個條件？

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 
}