使用字典过滤 javascript 数据对象

Question

假设我有一个过滤器：

filter = [ {key: "pl", value: 3}, {key: "sh", value: 2} ]

我想用上述过滤条件过滤以下javascript对象：

var data = [
{title: "The Uncertainty of the Poet ",
pl: 3,
si: 2,
va: 3,
te: 0,
co: 0,
or: 4,
sh: 2,
po: 0,
li: 0,
ar: 5
},
{
title: "Direction",
pl: 4,
si: 3,
va: 1,
te: 3,
co: 0,
or: 3,
sh: 2,
po: 0,
li: 0,
ar: 5
}
...
]

我尝试了以下方法，但没有成功：

var result = data.filter(function(d){
            for (item in filter) {
                return d.key==d.value;
            }

Answer 1

检查对象是否满足所有条件的另一个潜在选项：

data.filter(function(obj) {
    return filter.reduce(function(a, f) {
        return a && (obj[f.key] === f.value);
    }, true);
});

由于使用了reduce，因此无需检查 hasOwnProperty 即可工作。如果您想检查任何过滤条件是否为真，您可以将其更改为

data.filter(function(obj) {
    return filter.reduce(function(a, f) {
        return a || (obj[f.key] === f.value);
    }, false);
});

Answer 2

你也可以这样做：

var filters = [{key: "pl", value: 3}, {key: "sh", value: 2}]

var data = [
    {
        title: "The Uncertainty of the Poet ",
        pl: 2,
        si: 2,
        va: 3,
        te: 0,
        co: 0,
        or: 4,
        sh: 3,
        po: 0,
        li: 0,
        ar: 5
    },
    {
        title: "Direction",
        pl: 3,
        si: 3,
        va: 1,
        te: 3,
        co: 0,
        or: 3,
        sh: 2,
        po: 0,
        li: 0,
        ar: 5
    }
]

var result = data.filter((item) => {
  for(let i = 0; i < filters.length; ++i) {
    let filter = filters[i];

    if(item[filter.key] && item[filter.key] === filter.value) {
      return true;
    }
  }

  return false;
});

Answer 3

如果您希望它匹配一个或其他值，这将起作用：

match = [ {key: "pl", value: 3}, {key: "sh", value: 2} ]

var result = data.filter(function(d) {
    return d.pl === match[0]['value'] || d.sh === match[1]['value']
})

我已将数组名称更改为 match 以避免混淆。

Answer 4

您的for in 不够深入。它在数组上循环，而不是处理数组中的每个对象

可以使用Array#every() 确保过滤器数组中的每个对象在数据对象中都匹配

// filter main data
var result = data.filter(function(dataObj){
   // check if all proprties within filter array are a match
   return filter.every(function(filterObj){
      //compare value of property found in filterObject with value 
      return dataObj[filterObj.key] === filterObj.value
   })
})

console.log(result)

<script>
var filter = [ {key: "pl", value: 2}, {key: "sh", value: 3} ]

var data = [{
    title: "The Uncertainty of the Poet ",
    pl: 2,
    si: 2,
    va: 3,
    te: 0,
    co: 0,
    or: 4,
    sh: 3,
    po: 0,
    li: 0,
    ar: 5
  },
  {
    title: "Direction",
    pl: 4,
    si: 3,
    va: 1,
    te: 3,
    co: 0,
    or: 3,
    sh: 2,
    po: 0,
    li: 0,
    ar: 5
  }
 
]
</script>