在 JavaScript 中过滤 JSON 子对象

Question

我正在尝试过滤下面的“carObj”，因为用户从页面上的列表中选择“过滤器”并仅显示“匹配”子对象。

当前，当用户选择“过滤器”时，它会添加到“filterObj”中，然后我会使用 8 个 $.each 语句在“carObj”中滚动以提取所有匹配的子对象。我正在匹配这些值并多次滚动以使其到达那里。

例如，假设下面的示例，只有“carObj”中的第 3 个子对象会与其所有值一起“返回”。就目前而言，我将所有匹配的属性设置为“TRUE”，将所有匹配的属性设置为“FALSE”。

然后在网页上，我滚动浏览“carObj”中所有 TRUE 值的子对象，并在表格中显示它们的信息/值。

我不确定这是否是最有效的方法。

 /* Object filled as user selects "filters" */
 filterObj ={
    "Seats": {},
    "color": {
        "Orange": "Orange",
         "Red": "Red"
        },
    "Transmission": {
        "Manual": "Manual"
    },
    "Make": {
        "Ford": "Ford"
    },
    "Model": {},
    "Status": {
        "New": "New"
        }

}

/* Main object that contains all cars */
carObj = {
  "cars": [
   {
      "seats":"6",
      "color":"Red",
      "transmission":"Automatic",
      "make":"Ford",
      "model":"Windstar",
      "status":"New",
   },
   {
      "seats":"4",
      "color":"Black",
      "transmission":"Manual",
      "make":"Mazda",
      "model":"CRX",
      "status":"New",
   },
   {
      "seats":"2",
      "color":"Orange",
      "transmission":"Manual",
      "make":"Ford",
      "model":"Galaxy",
      "status":"New",
   }
  ]
}

Answer 1

那是一个艰难的过程。见this fiddle。

注意事项：

• 过滤器对象中的对象没有用处。我为此使用了简单的数组：

  "color": {
      "Orange": "Orange",
      "Red": "Red"
  },
  

  到

  "color": ["Orange", "Red"],
  

  会更简单，更有逻辑；

• 我已将键更改为所有数组和对象中的第一个大写字母。否则，算法将不得不关注它，并根据其功能对其进行调整。我将它修复为脚本变得更小，但如果需要它可以使用非标准键名；

• 该函数返回来自carObj 的任何与任何过滤器匹配的对象，而不是所有过滤器。但是可以制作。

简而言之，我不太确定它是否 100% 工作。但它是一个尝试。如果您发现一些错误/错误，请立即告诉我。

希望对你有帮助。

更新：

我已更新代码以匹配所有过滤器，每个过滤器至少有一个值。见this Fiddle。

所以现在如果它有Color 和["Orange"]，汽车必须匹配这个颜色才能被选中，如果Color 有["Orange", "Red"]，那么汽车必须匹配Orange 或 Red。 Color: [] 之类的过滤器会被忽略。